vxe-pc-ui 3.17.7 → 3.17.8

package/lib/table-select/src/table-select.js

@@ -507,7 +507,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           if (btnTransfer) {
             if (panelElem) {
               var appendTo = popupOpts.appendTo;
-              (0, _dom.getPopupContainer)(appendTo).appendChild(panelElem);
+              (0, _dom.getPopupAppendElement)(appendTo).appendChild(panelElem);
             }
           }
         }

package/lib/table-select/src/table-select.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,exports.getRowUniqueId=getRowUniqueId;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input/src/input"));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 _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 _createComponentLog=(0,_log.createComponentLog)("table-select"),errLog=_createComponentLog.errLog;function getRowUniqueId(){return _xeUtils.default.uniqueId("row_")}function createReactData(){return{initialized:!1,tableColumns:[],fullOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}}function createInternalData(){return{fullRowMaps:{}}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableSelect",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Array],clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().tableSelect.clearable}},placeholder:{type:String,default:function(){return _xeUtils.default.eqNull((0,_ui.getConfig)().tableSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().tableSelect.placeholder}},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],prefixIcon:String,placement:String,columns:Array,options:Array,optionProps:Object,lazyOptions:Array,zIndex:Number,size:{type:String,default:function(){return(0,_ui.getConfig)().tableSelect.size||(0,_ui.getConfig)().size}},popupConfig:Object,gridConfig:Object,transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeTableSelect:this}},data:function(){var e=_xeUtils.default.uniqueId(),t=createReactData();return Object.assign(Object.assign({},{}),{xID:e,reactData:t,gridEvents:{}})},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeBtnTransfer:function(){var e=this,t=e.$xeForm,n=e.$xeTable,i=e.$xeModal,a=e.$xeDrawer,l=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===l){e=(0,_ui.getConfig)().tableSelect.transfer;if(_xeUtils.default.isBoolean(e))return e;if(n||i||a||t)return!0}return l},computePropsOpts:function(){return this.optionProps||{}},computeRowOpts:function(){var e=this.computeGridOpts;return Object.assign({},e.rowConfig,{isCurrent:!0})},computeRowKeyField:function(){return this.computeRowOpts.keyField||"_X_ROW_KEY"},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().tableSelect.popupConfig,this.popupConfig)},computeGridOpts:function(){return Object.assign({},(0,_ui.getConfig)().tableSelect.gridConfig,this.gridConfig,{data:void 0})},computeSelectGridOpts:function(){var a=this,e=a.computeGridOpts,l=e.pagerConfig,t=e.proxyConfig;if(t){var n,o,r,i=t.ajax;if(i&&i.query)return n=_xeUtils.default.clone(t,!0),(o=i.query)&&(r=t.response||t.props||{},Object.assign(n.ajax,{query:function(e){for(var t=arguments.length,n=new Array(1<t?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];return Promise.resolve(o.apply(void 0,[e].concat(n))).then(function(e){var t,n=[];return n=l?(t=r.result,(_xeUtils.default.isFunction(t)?t({data:e,$table:null,$grid:null,$gantt:null}):_xeUtils.default.get(e,t||"result"))||[]):((t=r.list)?_xeUtils.default.isFunction(t)?t({data:e,$table:null,$grid:null,$gantt:null}):_xeUtils.default.get(e,t):e)||[],a.cacheDataMap(n||[]),e})}})),Object.assign({},e,{proxyConfig:n})}return e},computeSelectLabel:function(){var e=this,t=e.reactData,n=e.value,i=e.lazyOptions,t=t.fullOptionList,a=e.internalData.fullRowMaps,l=e.computeValueField,o=e.computeLabelField;return t?(_xeUtils.default.isArray(n)?n:[n]).map(function(t){var e=a[t];if(e)return e.item[o];if(i){e=i.find(function(e){return e[l]===t});if(e)return e[o]}return t}).join(", "):""},computePopupWrapperStyle:function(){var e=this.computePopupOpts,t=e.height,e=e.width,n={};return e&&(n.width=(0,_dom.toCssUnit)(e)),t&&(n.height=(0,_dom.toCssUnit)(t)),n}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$tableSelect:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},getRowid:function(e){e=e[this.computeRowKeyField];return e?encodeURIComponent(e):""},getRowsByValue:function(e){var t=this.internalData.fullRowMaps,n=[];return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){e=t[e];e&&n.push(e.item)}),n},updateModel:function(n){var i=this,a=i.multiple;i.$nextTick(function(){var e,t=i.$refs.refGrid;t&&(e=i.getRowsByValue(n)).length&&(a?t.setCheckboxRow(e,!0):t.setRadioRow(e[0]))})},loadTableColumn:function(e){var t,n,i,a,l=this.reactData;e&&e.length&&(t=this.multiple,a=i=!(n=[]),e.forEach(function(e){i||"radio"!==e.type?a||"checkbox"!==e.type||(a=!0):i=!0,n.push(e)}),t?a||n.unshift({type:"checkbox",width:70}):i||n.unshift({type:"radio",width:70}),l.tableColumns=n)},cacheDataMap:function(e){var a=this,t=a,n=a.reactData,i=a.internalData,l=t.options,o=a.computeRowKeyField,r=a.computeValueField,u=a.computeGridOpts,s=u.treeConfig,u=u.pagerConfig,c={},p={};s||_xeUtils.default.arrayEach(e||l||[],function(e,t,n){var i=(i=a.getRowid(e))||getRowUniqueId(),i=(p[i]&&errLog("vxe.error.repeatKey",[o,i]),p[i]=!0,e[r]);c[i]&&errLog("vxe.error.repeatKey",[r,i]),c[i]={item:e,index:t,items:n,parent:null,nodes:[]}}),n.fullOptionList=e||l||[],i.fullRowMaps=u?Object.assign({},i.fullRowMaps,c):c,a.updateModel(t.value)},updateZindex:function(){var e=this.reactData,t=this.computePopupOpts.zIndex||this.zIndex;t?e.panelIndex=_xeUtils.default.toNumber(t):e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(l,o,{placement:u.placement||i,defaultPlacement:u.defaultPlacement,teleportTo:r}),t=Object.assign(e.style,{zIndex:a});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,i=t.placement,a=n.panelIndex,l=t.$refs.refElem,o=t.$refs.refOptionPanel,r=t.computeBtnTransfer,u=t.computePopupOpts;return e(),t.$nextTick().then(e)},showOptionPanel:function(){var e,t=this,n=t,i=t.reactData,a=t.internalData,l=n.loading,o=t.computePopupOpts;l||t.computeIsDisabled||(a.vpTimeout&&clearTimeout(a.vpTimeout),a.hpTimeout&&clearTimeout(a.hpTimeout),i.initialized||(i.initialized=!0,l=t.computeBtnTransfer,e=t.$refs.refOptionPanel,l&&e&&(l=o.appendTo,(0,_dom.getPopupContainer)(l).appendChild(e))),i.isActivated=!0,i.isAniVisible=!0,a.vpTimeout=setTimeout(function(){i.visiblePanel=!0,t.updateModel(n.value),a.vpTimeout=void 0,t.updatePlacement()},10),t.updateZindex(),t.updatePlacement())},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.visiblePanel=!1,t.hpTimeout=setTimeout(function(){e.isAniVisible=!1},350)},changeEvent:function(e,t,n){var i=this,a=i,l=i.$xeForm,o=i.formItemInfo;i.emitModel(t),t!==a.value&&(i.dispatchEvent("change",{value:t,row:n,option:n},e),l)&&o&&l.triggerItemEvent(e,o.itemConfig.field,t)},clearValueEvent:function(e,t){this.changeEvent(e,t,null),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){var n=this.$refs.refGrid;n&&(n.clearRadioRow(),n.clearCheckboxRow()),this.clearValueEvent(t,null),this.hideOptionPanel()},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData.visiblePanel;t.computeIsDisabled||n&&(n=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,n).flag?t.updatePlacement():t.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t,n,i=this,a=i.reactData,l=a.visiblePanel;i.computeIsDisabled||(t=i.$refs.refElem,n=i.$refs.refOptionPanel,a.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,l&&!a.isActivated&&i.hideOptionPanel())},handleGlobalBlurEvent:function(){var e=this.reactData,t=e.visiblePanel,n=e.isActivated;t&&this.hideOptionPanel(),n&&(e.isActivated=!1),(t||n)&&(e=this.$refs.refInput)&&e.blur()},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},focusEvent:function(e){var t=this.reactData;this.computeIsDisabled||t.visiblePanel||(t.triggerFocusPanel=!0,this.showOptionPanel(),setTimeout(function(){t.triggerFocusPanel=!1},150)),this.dispatchEvent("focus",{},e)},clickEvent:function(e){this.togglePanelEvent(e),this.dispatchEvent("click",{},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{},e)},togglePanelEvent:function(e){var t=this.reactData;e.$event.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},radioChangeEvent:function(e){var t=e.$event,e=e.row,n=e[this.computeValueField];this.changeEvent(t,n,e),this.hideOptionPanel()},checkboxChangeEvent:function(e){var t=e.$grid,n=e.$event,e=e.row,i=this.computeValueField;t&&(t=t.getCheckboxRecords().map(function(e){return e[i]}),this.changeEvent(n,t,e))},checkboxAllEvent:function(e){this.checkboxChangeEvent(e)},renderVN:function(e){var t=_ui.VxeUI.getComponent("vxe-grid"),n=this,i=n,a=n.$scopedSlots,l=n.reactData,o=i.className,r=i.options,u=i.loading,s=l.initialized,c=l.isActivated,p=l.isAniVisible,d=l.visiblePanel,f=l.tableColumns,m=n.computeSize,v=n.computeIsDisabled,g=n.computeSelectLabel,h=n.computeBtnTransfer,b=n.computeSelectGridOpts,x=n.computeRowOpts,_=n.computePopupWrapperStyle,y=a.header,E=a.footer,P=a.prefix,O=n.computePopupOpts.className;return n.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-table-select--readonly",o]},[e("span",{class:"vxe-table-select-label"},g)]):e("div",{ref:"refElem",class:["vxe-table-select",o?_xeUtils.default.isFunction(o)?o({$tableSelect:n}):o:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--visible",d),"is--disabled",v),"is--loading",u),"is--active",c)]},[e(_input.default,{ref:"refInput",props:{clearable:i.clearable,placeholder:i.placeholder,editable:!1,disabled:v,type:"text",prefixIcon:i.prefixIcon,suffixIcon:u?(0,_ui.getIcon)().TABLE_SELECT_LOADED:d?(0,_ui.getIcon)().TABLE_SELECT_OPEN:(0,_ui.getIcon)().TABLE_SELECT_CLOSE,value:u?(0,_ui.getI18n)("vxe.select.loadingText"):g},on:{clear:n.clearEvent,click:n.clickEvent,focus:n.focusEvent,blur:n.blurEvent,"suffix-click":n.togglePanelEvent},scopedSlots:P?{prefix:function(){return P({})}}:{}}),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-table-select--panel",O?_xeUtils.default.isFunction(O)?O({$tableSelect:n}):O:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--transfer",h),"ani--leave",!u&&p),"ani--enter",!u&&d)],attrs:{placement:l.panelPlacement},style:l.panelStyle},s?[e("div",{class:"vxe-table-select--panel-wrapper"},[y?e("div",{class:"vxe-table-select--panel-header"},y({})):(0,_ui.renderEmptyElement)(n),e("div",{class:"vxe-table-select--panel-body"},[e("div",{ref:"refGridWrapper",class:"vxe-table-select-grid--wrapper",style:_},[t?e(t,{ref:"refGrid",class:"vxe-table-select--grid",props:Object.assign(Object.assign({},b),{rowConfig:x,data:r,columns:f.length?f:b.columns,height:"100%",autoResize:!0}),on:Object.assign(Object.assign({},n.gridEvents),{"radio-change":n.radioChangeEvent,"checkbox-change":n.checkboxChangeEvent,"checkbox-all":n.checkboxAllEvent}),scopedSlots:Object.assign({},a,{header:void 0,footer:void 0,prefixSlot:void 0})}):(0,_ui.renderEmptyElement)(n)])]),E?e("div",{class:"vxe-table-select--panel-footer"},E({})):(0,_ui.renderEmptyElement)(n)])]:[])])}},watch:{options:function(){this.cacheDataMap()},columns:function(e){this.loadTableColumn(e)},value:function(e){this.updateModel(e)}},created:function(){var n=this,e=n,i=(n.internalData=createInternalData(),n.gridEvents);["form-submit","form-reset","form-collapse","page-change"].forEach(function(t){i[(0,_vn.getOnName)(t)]=function(e){n.dispatchEvent(t,e,e.$event)}}),n.loadTableColumn(e.columns),n.cacheDataMap()},mounted:function(){var e=this,t=e,n=e.reactData,i=_ui.VxeUI.getComponent("vxe-grid"),t=(e.$nextTick(function(){i||errLog("vxe.error.reqComp",["vxe-grid"])}),t.gridConfig);t&&t.proxyConfig&&!1!==t.proxyConfig.autoLoad&&(n.initialized=!0),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this,t=e.reactData,n=e.internalData,i=e.$refs.refOptionPanel;i&&i.parentNode&&i.parentNode.removeChild(i),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize"),_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,exports.getRowUniqueId=getRowUniqueId;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input/src/input"));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 _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 _createComponentLog=(0,_log.createComponentLog)("table-select"),errLog=_createComponentLog.errLog;function getRowUniqueId(){return _xeUtils.default.uniqueId("row_")}function createReactData(){return{initialized:!1,tableColumns:[],fullOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}}function createInternalData(){return{fullRowMaps:{}}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableSelect",mixins:[_ui.globalMixins.sizeMixin],model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Array],clearable:{type:Boolean,default:function(){return(0,_ui.getConfig)().tableSelect.clearable}},placeholder:{type:String,default:function(){return _xeUtils.default.eqNull((0,_ui.getConfig)().tableSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().tableSelect.placeholder}},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],prefixIcon:String,placement:String,columns:Array,options:Array,optionProps:Object,lazyOptions:Array,zIndex:Number,size:{type:String,default:function(){return(0,_ui.getConfig)().tableSelect.size||(0,_ui.getConfig)().size}},popupConfig:Object,gridConfig:Object,transfer:{type:Boolean,default:null}},inject:{$xeModal:{default:null},$xeDrawer:{default:null},$xeTable:{default:null},$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},provide:function(){return{$xeTableSelect:this}},data:function(){var e=_xeUtils.default.uniqueId(),t=createReactData();return Object.assign(Object.assign({},{}),{xID:e,reactData:t,gridEvents:{}})},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeBtnTransfer:function(){var e=this,t=e.$xeForm,n=e.$xeTable,i=e.$xeModal,a=e.$xeDrawer,l=e.transfer,e=e.computePopupOpts;if(_xeUtils.default.isBoolean(e.transfer))return e.transfer;if(null===l){e=(0,_ui.getConfig)().tableSelect.transfer;if(_xeUtils.default.isBoolean(e))return e;if(n||i||a||t)return!0}return l},computePropsOpts:function(){return this.optionProps||{}},computeRowOpts:function(){var e=this.computeGridOpts;return Object.assign({},e.rowConfig,{isCurrent:!0})},computeRowKeyField:function(){return this.computeRowOpts.keyField||"_X_ROW_KEY"},computeLabelField:function(){return this.computePropsOpts.label||"label"},computeValueField:function(){return this.computePropsOpts.value||"value"},computePopupOpts:function(){return Object.assign({},(0,_ui.getConfig)().tableSelect.popupConfig,this.popupConfig)},computeGridOpts:function(){return Object.assign({},(0,_ui.getConfig)().tableSelect.gridConfig,this.gridConfig,{data:void 0})},computeSelectGridOpts:function(){var a=this,e=a.computeGridOpts,l=e.pagerConfig,t=e.proxyConfig;if(t){var n,o,r,i=t.ajax;if(i&&i.query)return n=_xeUtils.default.clone(t,!0),(o=i.query)&&(r=t.response||t.props||{},Object.assign(n.ajax,{query:function(e){for(var t=arguments.length,n=new Array(1<t?t-1:0),i=1;i<t;i++)n[i-1]=arguments[i];return Promise.resolve(o.apply(void 0,[e].concat(n))).then(function(e){var t,n=[];return n=l?(t=r.result,(_xeUtils.default.isFunction(t)?t({data:e,$table:null,$grid:null,$gantt:null}):_xeUtils.default.get(e,t||"result"))||[]):((t=r.list)?_xeUtils.default.isFunction(t)?t({data:e,$table:null,$grid:null,$gantt:null}):_xeUtils.default.get(e,t):e)||[],a.cacheDataMap(n||[]),e})}})),Object.assign({},e,{proxyConfig:n})}return e},computeSelectLabel:function(){var e=this,t=e.reactData,n=e.value,i=e.lazyOptions,t=t.fullOptionList,a=e.internalData.fullRowMaps,l=e.computeValueField,o=e.computeLabelField;return t?(_xeUtils.default.isArray(n)?n:[n]).map(function(t){var e=a[t];if(e)return e.item[o];if(i){e=i.find(function(e){return e[l]===t});if(e)return e[o]}return t}).join(", "):""},computePopupWrapperStyle:function(){var e=this.computePopupOpts,t=e.height,e=e.width,n={};return e&&(n.width=(0,_dom.toCssUnit)(e)),t&&(n.height=(0,_dom.toCssUnit)(t)),n}}),methods:{dispatchEvent:function(e,t,n){this.$emit(e,(0,_ui.createEvent)(n,{$tableSelect:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},getRowid:function(e){e=e[this.computeRowKeyField];return e?encodeURIComponent(e):""},getRowsByValue:function(e){var t=this.internalData.fullRowMaps,n=[];return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).forEach(function(e){e=t[e];e&&n.push(e.item)}),n},updateModel:function(n){var i=this,a=i.multiple;i.$nextTick(function(){var e,t=i.$refs.refGrid;t&&(e=i.getRowsByValue(n)).length&&(a?t.setCheckboxRow(e,!0):t.setRadioRow(e[0]))})},loadTableColumn:function(e){var t,n,i,a,l=this.reactData;e&&e.length&&(t=this.multiple,a=i=!(n=[]),e.forEach(function(e){i||"radio"!==e.type?a||"checkbox"!==e.type||(a=!0):i=!0,n.push(e)}),t?a||n.unshift({type:"checkbox",width:70}):i||n.unshift({type:"radio",width:70}),l.tableColumns=n)},cacheDataMap:function(e){var a=this,t=a,n=a.reactData,i=a.internalData,l=t.options,o=a.computeRowKeyField,r=a.computeValueField,u=a.computeGridOpts,s=u.treeConfig,u=u.pagerConfig,c={},p={};s||_xeUtils.default.arrayEach(e||l||[],function(e,t,n){var i=(i=a.getRowid(e))||getRowUniqueId(),i=(p[i]&&errLog("vxe.error.repeatKey",[o,i]),p[i]=!0,e[r]);c[i]&&errLog("vxe.error.repeatKey",[r,i]),c[i]={item:e,index:t,items:n,parent:null,nodes:[]}}),n.fullOptionList=e||l||[],i.fullRowMaps=u?Object.assign({},i.fullRowMaps,c):c,a.updateModel(t.value)},updateZindex:function(){var e=this.reactData,t=this.computePopupOpts.zIndex||this.zIndex;t?e.panelIndex=_xeUtils.default.toNumber(t):e.panelIndex<(0,_utils.getLastZIndex)()&&(e.panelIndex=(0,_utils.nextZIndex)())},updatePlacement:function(){function e(){var e=(0,_dom.updatePanelPlacement)(l,o,{placement:u.placement||i,defaultPlacement:u.defaultPlacement,teleportTo:r}),t=Object.assign(e.style,{zIndex:a});n.panelStyle=t,n.panelPlacement=e.placement}var t=this,n=t.reactData,i=t.placement,a=n.panelIndex,l=t.$refs.refElem,o=t.$refs.refOptionPanel,r=t.computeBtnTransfer,u=t.computePopupOpts;return e(),t.$nextTick().then(e)},showOptionPanel:function(){var e,t=this,n=t,i=t.reactData,a=t.internalData,l=n.loading,o=t.computePopupOpts;l||t.computeIsDisabled||(a.vpTimeout&&clearTimeout(a.vpTimeout),a.hpTimeout&&clearTimeout(a.hpTimeout),i.initialized||(i.initialized=!0,l=t.computeBtnTransfer,e=t.$refs.refOptionPanel,l&&e&&(l=o.appendTo,(0,_dom.getPopupAppendElement)(l).appendChild(e))),i.isActivated=!0,i.isAniVisible=!0,a.vpTimeout=setTimeout(function(){i.visiblePanel=!0,t.updateModel(n.value),a.vpTimeout=void 0,t.updatePlacement()},10),t.updateZindex(),t.updatePlacement())},hideOptionPanel:function(){var e=this.reactData,t=this.internalData;e.visiblePanel=!1,t.hpTimeout=setTimeout(function(){e.isAniVisible=!1},350)},changeEvent:function(e,t,n){var i=this,a=i,l=i.$xeForm,o=i.formItemInfo;i.emitModel(t),t!==a.value&&(i.dispatchEvent("change",{value:t,row:n,option:n},e),l)&&o&&l.triggerItemEvent(e,o.itemConfig.field,t)},clearValueEvent:function(e,t){this.changeEvent(e,t,null),this.dispatchEvent("clear",{value:t},e)},clearEvent:function(e,t){var n=this.$refs.refGrid;n&&(n.clearRadioRow(),n.clearCheckboxRow()),this.clearValueEvent(t,null),this.hideOptionPanel()},handleGlobalMousewheelEvent:function(e){var t=this,n=t.reactData.visiblePanel;t.computeIsDisabled||n&&(n=t.$refs.refOptionPanel,(0,_dom.getEventTargetNode)(e,n).flag?t.updatePlacement():t.hideOptionPanel())},handleGlobalMousedownEvent:function(e){var t,n,i=this,a=i.reactData,l=a.visiblePanel;i.computeIsDisabled||(t=i.$refs.refElem,n=i.$refs.refOptionPanel,a.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,n).flag,l&&!a.isActivated&&i.hideOptionPanel())},handleGlobalBlurEvent:function(){var e=this.reactData,t=e.visiblePanel,n=e.isActivated;t&&this.hideOptionPanel(),n&&(e.isActivated=!1),(t||n)&&(e=this.$refs.refInput)&&e.blur()},handleGlobalResizeEvent:function(){this.reactData.visiblePanel&&this.updatePlacement()},focusEvent:function(e){var t=this.reactData;this.computeIsDisabled||t.visiblePanel||(t.triggerFocusPanel=!0,this.showOptionPanel(),setTimeout(function(){t.triggerFocusPanel=!1},150)),this.dispatchEvent("focus",{},e)},clickEvent:function(e){this.togglePanelEvent(e),this.dispatchEvent("click",{},e)},blurEvent:function(e){this.reactData.isActivated=!1,this.dispatchEvent("blur",{},e)},togglePanelEvent:function(e){var t=this.reactData;e.$event.preventDefault(),t.triggerFocusPanel?t.triggerFocusPanel=!1:t.visiblePanel?this.hideOptionPanel():this.showOptionPanel()},radioChangeEvent:function(e){var t=e.$event,e=e.row,n=e[this.computeValueField];this.changeEvent(t,n,e),this.hideOptionPanel()},checkboxChangeEvent:function(e){var t=e.$grid,n=e.$event,e=e.row,i=this.computeValueField;t&&(t=t.getCheckboxRecords().map(function(e){return e[i]}),this.changeEvent(n,t,e))},checkboxAllEvent:function(e){this.checkboxChangeEvent(e)},renderVN:function(e){var t=_ui.VxeUI.getComponent("vxe-grid"),n=this,i=n,a=n.$scopedSlots,l=n.reactData,o=i.className,r=i.options,u=i.loading,s=l.initialized,c=l.isActivated,p=l.isAniVisible,d=l.visiblePanel,f=l.tableColumns,m=n.computeSize,v=n.computeIsDisabled,g=n.computeSelectLabel,h=n.computeBtnTransfer,b=n.computeSelectGridOpts,x=n.computeRowOpts,_=n.computePopupWrapperStyle,y=a.header,E=a.footer,P=a.prefix,O=n.computePopupOpts.className;return n.computeFormReadonly?e("div",{ref:"refElem",class:["vxe-table-select--readonly",o]},[e("span",{class:"vxe-table-select-label"},g)]):e("div",{ref:"refElem",class:["vxe-table-select",o?_xeUtils.default.isFunction(o)?o({$tableSelect:n}):o:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--visible",d),"is--disabled",v),"is--loading",u),"is--active",c)]},[e(_input.default,{ref:"refInput",props:{clearable:i.clearable,placeholder:i.placeholder,editable:!1,disabled:v,type:"text",prefixIcon:i.prefixIcon,suffixIcon:u?(0,_ui.getIcon)().TABLE_SELECT_LOADED:d?(0,_ui.getIcon)().TABLE_SELECT_OPEN:(0,_ui.getIcon)().TABLE_SELECT_CLOSE,value:u?(0,_ui.getI18n)("vxe.select.loadingText"):g},on:{clear:n.clearEvent,click:n.clickEvent,focus:n.focusEvent,blur:n.blurEvent,"suffix-click":n.togglePanelEvent},scopedSlots:P?{prefix:function(){return P({})}}:{}}),e("div",{ref:"refOptionPanel",class:["vxe-table--ignore-clear vxe-table-select--panel",O?_xeUtils.default.isFunction(O)?O({$tableSelect:n}):O:"",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(m),m),"is--transfer",h),"ani--leave",!u&&p),"ani--enter",!u&&d)],attrs:{placement:l.panelPlacement},style:l.panelStyle},s?[e("div",{class:"vxe-table-select--panel-wrapper"},[y?e("div",{class:"vxe-table-select--panel-header"},y({})):(0,_ui.renderEmptyElement)(n),e("div",{class:"vxe-table-select--panel-body"},[e("div",{ref:"refGridWrapper",class:"vxe-table-select-grid--wrapper",style:_},[t?e(t,{ref:"refGrid",class:"vxe-table-select--grid",props:Object.assign(Object.assign({},b),{rowConfig:x,data:r,columns:f.length?f:b.columns,height:"100%",autoResize:!0}),on:Object.assign(Object.assign({},n.gridEvents),{"radio-change":n.radioChangeEvent,"checkbox-change":n.checkboxChangeEvent,"checkbox-all":n.checkboxAllEvent}),scopedSlots:Object.assign({},a,{header:void 0,footer:void 0,prefixSlot:void 0})}):(0,_ui.renderEmptyElement)(n)])]),E?e("div",{class:"vxe-table-select--panel-footer"},E({})):(0,_ui.renderEmptyElement)(n)])]:[])])}},watch:{options:function(){this.cacheDataMap()},columns:function(e){this.loadTableColumn(e)},value:function(e){this.updateModel(e)}},created:function(){var n=this,e=n,i=(n.internalData=createInternalData(),n.gridEvents);["form-submit","form-reset","form-collapse","page-change"].forEach(function(t){i[(0,_vn.getOnName)(t)]=function(e){n.dispatchEvent(t,e,e.$event)}}),n.loadTableColumn(e.columns),n.cacheDataMap()},mounted:function(){var e=this,t=e,n=e.reactData,i=_ui.VxeUI.getComponent("vxe-grid"),t=(e.$nextTick(function(){i||errLog("vxe.error.reqComp",["vxe-grid"])}),t.gridConfig);t&&t.proxyConfig&&!1!==t.proxyConfig.autoLoad&&(n.initialized=!0),_ui.globalEvents.on(e,"mousewheel",e.handleGlobalMousewheelEvent),_ui.globalEvents.on(e,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent)},beforeDestroy:function(){var e=this,t=e.reactData,n=e.internalData,i=e.$refs.refOptionPanel;i&&i.parentNode&&i.parentNode.removeChild(i),_ui.globalEvents.off(e,"mousewheel"),_ui.globalEvents.off(e,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize"),_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(n,createInternalData())},render:function(e){return this.renderVN(e)}});

package/lib/tooltip/src/tooltip.js

@@ -157,6 +157,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       default: function _default() {
         return (0, _ui.getConfig)().tooltip.leaveDelay;
       }
+    },
+    appendTo: {
+      type: [String, Function],
+      default: function _default() {
+        return (0, _ui.getConfig)().tooltip.appendTo;
+      }
     }
   },
   data: function data() {
@@ -261,24 +267,59 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeTooltip = this;
       return $xeTooltip.handleVisible(target, content);
     },
-    updatePlacement: function updatePlacement() {
+    updateTipStyle: function updateTipStyle() {
       var $xeTooltip = this;
+      var props = $xeTooltip;
       var reactData = $xeTooltip.reactData;
-      var visible = reactData.visible,
-        tipTarget = reactData.tipTarget;
-      var el = $xeTooltip.$refs.refElem;
-      if (visible && tipTarget && el) {
-        $xeTooltip.updateTipStyle();
-      }
-      return $xeTooltip.$nextTick().then(function () {
-        var tipTarget = reactData.tipTarget;
-        el = $xeTooltip.$refs.refElem;
-        if (tipTarget && el) {
-          $xeTooltip.updateTipStyle();
-          return $xeTooltip.$nextTick().then(function () {
-            $xeTooltip.updateTipStyle();
-          });
+      var placement = props.placement,
+        defaultPlacement = props.defaultPlacement,
+        isArrow = props.isArrow;
+      var targetElem = reactData.tipTarget,
+        tipStore = reactData.tipStore,
+        tipPos = reactData.tipPos,
+        tipZindex = reactData.tipZindex;
+      var panelElem = $xeTooltip.$refs.refElem;
+      if (!targetElem || !panelElem) {
+        return;
+      }
+      var targetRect = targetElem.getBoundingClientRect();
+      var targetWidth = targetElem.offsetWidth;
+      var targetHeight = targetElem.offsetHeight;
+      var panelWidth = panelElem.offsetWidth;
+      var targetLeft = targetRect.left;
+      var targetTop = targetRect.top;
+      // 支持特殊定位逻辑
+      var left = targetLeft;
+      var top = targetTop + targetHeight;
+      if (tipPos && (tipPos.oLeft || tipPos.oTop)) {
+        if (isArrow) {
+          left = left + Math.max(8, Math.min(targetWidth - 8, tipPos.oLeft)) - panelWidth / 2;
+        } else {
+          left = tipPos.x + 1;
+          top = tipPos.y + 1;
         }
+      } else {
+        left = targetLeft + (targetWidth - panelWidth) / 2;
+      }
+      var ppObj = (0, _dom.updatePanelPlacement)(targetElem, panelElem, {
+        defaultTop: top,
+        defaultLeft: left,
+        placement: placement,
+        defaultPlacement: defaultPlacement,
+        teleportTo: true
+      });
+      var panelStyle = Object.assign(ppObj.style, {
+        zIndex: tipZindex
+      });
+      tipStore.placement = ppObj.placement;
+      tipStore.style = panelStyle;
+      tipStore.arrowStyle.left = "".concat(ppObj.arrowLeft, "px");
+    },
+    updatePlacement: function updatePlacement() {
+      var $xeTooltip = this;
+      $xeTooltip.updateTipStyle();
+      return $xeTooltip.$nextTick().then(function () {
+        return $xeTooltip.updateTipStyle();
       });
     },
     isActived: function isActived() {
@@ -291,100 +332,6 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var reactData = $xeTooltip.reactData;
       reactData.tipActive = !!active;
     },
-    updateTipStyle: function updateTipStyle() {
-      var $xeTooltip = this;
-      var props = $xeTooltip;
-      var reactData = $xeTooltip.reactData;
-      var isArrow = props.isArrow,
-        placement = props.placement,
-        defaultPlacement = props.defaultPlacement;
-      var targetElem = reactData.tipTarget,
-        tipStore = reactData.tipStore,
-        tipPos = reactData.tipPos;
-      var top = '';
-      var left = '';
-      var panelPlacement = 'bottom';
-      var arrowLeft = '';
-      var panelElem = $xeTooltip.$refs.refElem;
-      if (panelElem && targetElem) {
-        var documentElement = document.documentElement;
-        var bodyElem = document.body;
-        var targetWidth = targetElem.offsetWidth;
-        var targetHeight = targetElem.offsetHeight;
-        var panelHeight = panelElem.offsetHeight;
-        var panelWidth = panelElem.offsetWidth;
-        var targetRect = targetElem.getBoundingClientRect();
-        var visibleHeight = documentElement.clientHeight || bodyElem.clientHeight;
-        var visibleWidth = documentElement.clientWidth || bodyElem.clientWidth;
-        var marginSize = 6;
-        left = targetRect.left;
-        top = targetRect.top + targetHeight;
-        if (tipPos && (tipPos.oLeft || tipPos.oTop)) {
-          if (isArrow) {
-            left = left + Math.max(8, Math.min(targetWidth - 8, tipPos.oLeft)) - panelWidth / 2;
-          } else {
-            left = tipPos.x + 1;
-            top = tipPos.y + 1;
-          }
-        } else {
-          left = targetRect.left + (targetWidth - panelWidth) / 2;
-        }
-        if (placement === 'top') {
-          panelPlacement = 'top';
-          top = targetRect.top - panelHeight;
-        } else if (!placement) {
-          if (defaultPlacement === 'top') {
-            panelPlacement = 'top';
-            top = targetRect.top - panelHeight;
-            // 如果上面不够放，则向下
-            if (top < marginSize) {
-              panelPlacement = 'bottom';
-              top = targetRect.top + targetHeight;
-            }
-            // 如果下面不够放，则向上（优先）
-            if (top + panelHeight + marginSize > visibleHeight) {
-              panelPlacement = 'top';
-              top = targetRect.top - panelHeight;
-            }
-          } else {
-            // 如果下面不够放，则向上
-            if (top + panelHeight + marginSize > visibleHeight) {
-              panelPlacement = 'top';
-              top = targetRect.top - panelHeight;
-            }
-            // 如果上面不够放，则向下（优先）
-            if (top < marginSize) {
-              panelPlacement = 'bottom';
-              top = targetRect.top + targetHeight;
-            }
-          }
-        }
-        // 如果溢出右边
-        if (left + panelWidth + marginSize > visibleWidth) {
-          left -= left + panelWidth + marginSize - visibleWidth;
-        }
-        // 如果溢出左边
-        if (left < marginSize) {
-          left = marginSize;
-        }
-        // 箭头
-        if (left === targetRect.left) {
-          if (targetWidth <= panelWidth) {
-            arrowLeft = targetWidth / 2;
-          }
-        } else if (left < targetRect.left) {
-          if (left + panelWidth > targetRect.left + targetWidth) {
-            arrowLeft = targetRect.left - left + targetWidth / 2;
-          } else {
-            arrowLeft = targetRect.left - left + (panelWidth - (targetRect.left - left)) / 2;
-          }
-        }
-        tipStore.placement = panelPlacement;
-        tipStore.style.top = "".concat(top, "px");
-        tipStore.style.left = "".concat(left, "px");
-        tipStore.arrowStyle.left = "".concat(arrowLeft, "px");
-      }
-    },
     updateValue: function updateValue(value) {
       var $xeTooltip = this;
       var reactData = $xeTooltip.reactData;
@@ -394,10 +341,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         $xeTooltip.emitModel(value);
       }
     },
-    updateZindex: function updateZindex() {
+    updateZIndex: function updateZIndex() {
       var $xeTooltip = this;
+      var props = $xeTooltip;
       var reactData = $xeTooltip.reactData;
-      if (reactData.tipZindex < (0, _utils.getLastZIndex)()) {
+      var zIndex = props.zIndex;
+      if (zIndex) {
+        reactData.tipZindex = _xeUtils.default.toNumber(zIndex);
+      } else if (reactData.tipZindex < (0, _utils.getLastZIndex)()) {
         reactData.tipZindex = (0, _utils.nextZIndex)();
       }
     },
@@ -460,16 +411,17 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeTooltip = this;
       var props = $xeTooltip;
       var reactData = $xeTooltip.reactData;
+      var appendTo = props.appendTo;
       var tipStore = reactData.tipStore;
-      var el = $xeTooltip.$refs.refElem;
-      if (el) {
-        var parentNode = el.parentNode;
+      var panelElem = $xeTooltip.$refs.refElem;
+      if (panelElem) {
+        var parentNode = panelElem.parentNode;
         if (!parentNode) {
-          document.body.appendChild(el);
+          (0, _dom.getPopupAppendElement)(appendTo).appendChild(panelElem);
         }
       }
       $xeTooltip.updateValue(true);
-      $xeTooltip.updateZindex();
+      $xeTooltip.updateZIndex();
       tipStore.placement = 'top';
       tipStore.style = {
         width: 'auto',
@@ -655,21 +607,21 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     $xeTooltip.$nextTick(function () {
       var trigger = props.trigger,
         content = props.content;
-      var wrapperElem = $xeTooltip.$refs.refElem;
-      if (wrapperElem) {
-        var parentNode = wrapperElem.parentNode;
+      var panelElem = $xeTooltip.$refs.refElem;
+      if (panelElem) {
+        var parentNode = panelElem.parentNode;
         if (parentNode) {
           reactData.tipContent = content;
           reactData.tipZindex = (0, _utils.nextZIndex)();
-          _xeUtils.default.arrayEach(wrapperElem.children, function (elem, index) {
+          _xeUtils.default.arrayEach(panelElem.children, function (elem, index) {
             if (index) {
-              parentNode.insertBefore(elem, wrapperElem);
+              parentNode.insertBefore(elem, panelElem);
               if (!reactData.target) {
                 reactData.target = elem;
               }
             }
           });
-          parentNode.removeChild(wrapperElem);
+          parentNode.removeChild(panelElem);
           var target = reactData.target;
           if (target) {
             if (trigger === 'hover') {
@@ -690,7 +642,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     var $xeTooltip = this;
     var reactData = $xeTooltip.reactData;
     var target = reactData.target;
-    var wrapperElem = $xeTooltip.$refs.refElem;
+    var panelElem = $xeTooltip.$refs.refElem;
     if (target) {
       target.onmouseenter = null;
       target.onmouseleave = null;
@@ -700,10 +652,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     if (contentWrapperfEl) {
       contentWrapperfEl.removeEventListener('wheel', $xeTooltip.wheelEvent);
     }
-    if (wrapperElem) {
-      var parentNode = wrapperElem.parentNode;
+    if (panelElem) {
+      var parentNode = panelElem.parentNode;
       if (parentNode) {
-        parentNode.removeChild(wrapperElem);
+        parentNode.removeChild(panelElem);
       }
     }
   },

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");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _toConsumableArray(t){return _arrayWithoutHoles(t)||_iterableToArray(t)||_unsupportedIterableToArray(t)||_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(t,e){var i;if(t)return"string"==typeof t?_arrayLikeToArray(t,e):"Map"===(i="Object"===(i={}.toString.call(t).slice(8,-1))&&t.constructor?t.constructor.name:i)||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(t,e):void 0}function _iterableToArray(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function _arrayWithoutHoles(t){if(Array.isArray(t))return _arrayLikeToArray(t)}function _arrayLikeToArray(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i<e;i++)n[i]=t[i];return n}function _defineProperty(t,e,i){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0===i)return("string"===e?String:Number)(t);i=i.call(t,e||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}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],props:{value:Boolean,size:{type:String,default:function(){return(0,_ui.getConfig)().tooltip.size||(0,_ui.getConfig)().size}},selector:String,trigger:{type:String,default:function(){return(0,_ui.getConfig)().tooltip.trigger||"hover"}},theme:{type:String,default:function(){return(0,_ui.getConfig)().tooltip.theme||"dark"}},content:{type:[String,Number],default:null},useHtml:{type:Boolean,default:function(){return _xeUtils.default.isBoolean((0,_ui.getConfig)().tooltip.useHtml)?(0,_ui.getConfig)().tooltip.useHtml:null}},useHTML:{type:Boolean,default:function(){return(0,_ui.getConfig)().tooltip.useHTML}},zIndex:[String,Number],popupClassName:[String,Function],width:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tooltip.Width}},height:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tooltip.height}},minWidth:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tooltip.minWidth}},minHeight:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tooltip.minHeight}},maxWidth:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tooltip.maxWidth}},maxHeight:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tooltip.maxHeight}},placement:{type:String,default:function(){return(0,_ui.getConfig)().tooltip.placement}},defaultPlacement:{type:String,default:function(){return(0,_ui.getConfig)().tooltip.defaultPlacement}},isArrow:{type:Boolean,default:function(){return(0,_ui.getConfig)().tooltip.isArrow}},enterable:{type:Boolean,default:function(){return(0,_ui.getConfig)().tooltip.enterable}},enterDelay:{type:Number,default:function(){return(0,_ui.getConfig)().tooltip.enterDelay}},leaveDelay:{type:Number,default:function(){return(0,_ui.getConfig)().tooltip.leaveDelay}}},data:function(){var t=_xeUtils.default.uniqueId(),e=createReactData();return Object.assign(Object.assign({},{}),{xID:t,reactData:e})},computed:Object.assign(Object.assign({},{}),{computeWrapperStyle:function(){var t=this,e=t.width,i=t.height,n=t.minHeight,r=t.minWidth,o=t.maxHeight,t=t.maxWidth,a={};return e&&(a.width=(0,_dom.toCssUnit)(e)),i&&(a.height=(0,_dom.toCssUnit)(i)),r&&(a.minWidth=(0,_dom.toCssUnit)(r)),n&&(a.minHeight=(0,_dom.toCssUnit)(n)),t&&(a.maxWidth=(0,_dom.toCssUnit)(t)),o&&(a.maxHeight=(0,_dom.toCssUnit)(o)),a}}),methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$tooltip:this},e))},emitModel:function(t){var e=this._events;this.$emit("input",t),e&&e.modelValue?this.$emit("modelValue",t):this.$emit("model-value",t)},getSelectorEl:function(){var t=this.selector;if(t){if(_xeUtils.default.isElement(t))return t;if(_xeUtils.default.isString(t))return document.querySelector(t)}return null},openByEvent:function(t,e,i){var n=this.reactData;return this.handleVisible(e||n.target||this.getSelectorEl(),i,t)},open:function(t,e){var i=this.reactData;return this.handleVisible(t||i.target||this.getSelectorEl(),e)},close:function(){var t=this.reactData;return t.tipPos=null,t.tipTarget=null,t.tipActive=!1,Object.assign(t.tipStore,{style:{},placement:"",arrowStyle:null}),this.updateValue(!1),this.$nextTick()},toVisible:function(t,e){return this.handleVisible(t,e)},updatePlacement:function(){var e=this,i=e.reactData,t=i.visible,n=e.$refs.refElem;return t&&i.tipTarget&&n&&e.updateTipStyle(),e.$nextTick().then(function(){var t=i.tipTarget;if(n=e.$refs.refElem,t&&n)return e.updateTipStyle(),e.$nextTick().then(function(){e.updateTipStyle()})})},isActived:function(){return this.reactData.tipActive},setActived:function(t){this.reactData.tipActive=!!t},updateTipStyle:function(){var t,e,i,n,r,o,a=this.reactData,l=this.isArrow,u=this.placement,s=this.defaultPlacement,c=a.tipTarget,p=a.tipStore,a=a.tipPos,f="",d="",h="bottom",m="",g=this.$refs.refElem;g&&c&&(o=document.documentElement,t=document.body,e=c.offsetWidth,i=c.offsetHeight,n=g.offsetHeight,g=g.offsetWidth,c=c.getBoundingClientRect(),r=o.clientHeight||t.clientHeight,o=o.clientWidth||t.clientWidth,d=c.left,f=c.top+i,a&&(a.oLeft||a.oTop)?l?d=d+Math.max(8,Math.min(e-8,a.oLeft))-g/2:(d=a.x+1,f=a.y+1):d=c.left+(e-g)/2,"top"===u?(h="top",f=c.top-n):u||("top"===s?(h="top",(f=c.top-n)<6&&(h="bottom",f=c.top+i),r<f+n+6&&(h="top",f=c.top-n)):(r<f+n+6&&(h="top",f=c.top-n),f<6&&(h="bottom",f=c.top+i))),o<d+g+6&&(d-=d+g+6-o),(d=d<6?6:d)===c.left?e<=g&&(m=e/2):d<c.left&&(m=d+g>c.left+e?c.left-d+e/2:c.left-d+(g-(c.left-d))/2),p.placement=h,p.style.top="".concat(f,"px"),p.style.left="".concat(d,"px"),p.arrowStyle.left="".concat(m,"px"))},updateValue:function(t){var e=this.reactData;t!==e.visible&&(e.visible=t,e.isUpdate=!0,this.emitModel(t))},updateZindex:function(){var t=this.reactData;t.tipZindex<(0,_utils.getLastZIndex)()&&(t.tipZindex=(0,_utils.nextZIndex)())},clickEvent:function(){var t=this,e=t,i=t.reactData;i.visible?t.close():t.handleVisible(i.target||t.getSelectorEl(),e.content)},targetMouseenterEvent:function(){var t=this.reactData;this.handleVisible(t.target||this.getSelectorEl(),this.content)},targetMouseleaveEvent:function(){var t=this,e=t.reactData,i=t.trigger,n=t.enterable,r=t.leaveDelay;e.tipActive=!1,n&&"hover"===i?setTimeout(function(){e.tipActive||t.close()},r):t.close()},wrapperMouseenterEvent:function(){this.reactData.tipActive=!0},wrapperMouseleaveEvent:function(){var t=this,e=t.reactData,i=t.trigger,n=t.enterable,r=t.leaveDelay;e.tipActive=!1,n&&"hover"===i&&setTimeout(function(){e.tipActive||t.close()},r)},showTip:function(){var t=this,e=t,i=t.reactData,n=i.tipStore,r=t.$refs.refElem;return r&&!r.parentNode&&document.body.appendChild(r),t.updateValue(!0),t.updateZindex(),n.placement="top",n.style={width:"auto",left:0,top:0,zIndex:e.zIndex||i.tipZindex},n.arrowStyle={left:"50%"},t.updatePlacement()},handleDelayFn:function(){var t=this,e=t.reactData;t.internalData.showDelayTip=_xeUtils.default.debounce(function(){e.tipActive&&t.showTip()},t.enterDelay,{leading:!1,trailing:!0})},handleVisible:function(t,e,i){var n=this,r=n,o=n.$scopedSlots,a=n.reactData,l=n.internalData,o=o.content;if((o||""!==e&&!_xeUtils.default.eqNull(e))&&t){o=l.showDelayTip,l=r.trigger,r=r.enterDelay;if(a.tipPos=i?{x:i.clientX,y:i.clientY,oLeft:i.offsetX,oTop:i.offsetY}:null,a.tipActive=!0,a.tipTarget=t,a.tipContent=e,a.visible)return n.updatePlacement();if(!r||"hover"!==l)return n.showTip();o&&o()}return n.$nextTick()},wheelEvent:function(t){t.stopPropagation()},renderContent:function(t){var e=this.$scopedSlots,i=this.reactData,n=this.useHtml,r=this.useHTML,i=i.tipContent,o=this.computeWrapperStyle,e=e.content,a=[];return e?a.push(t("div",{key:"ct"},(0,_vn.getSlotVNs)(e({})))):(_xeUtils.default.isBoolean(n)?n:r)?a.push(t("div",{key:"ch",domProps:{innerHTML:i}})):a.push(t("span",{key:"cd"},"".concat(i))),t("div",{key:3,ref:"contentWrapperfElem",class:"vxe-tooltip--content",style:o},a)},renderVN:function(t){var e,i=this,n=i.$scopedSlots,r=i.reactData,o=i.popupClassName,a=i.isArrow,l=i.enterable,u=r.tipActive,s=r.visible,r=r.tipStore,n=n.default,c=i.computeSize;return l&&(e={mouseenter:i.wrapperMouseenterEvent,mouseleave:i.wrapperMouseleaveEvent}),t("div",{ref:"refElem",class:["vxe-tooltip--wrapper","theme--".concat(i.theme),o?_xeUtils.default.isFunction(o)?o({$tooltip:i}):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:e},[t("div",{key:"tby",class:"vxe-tooltip--body"},[i.renderContent(t),t("div",{class:"vxe-tooltip--arrow",style:r.arrowStyle})])].concat(_toConsumableArray(n?(0,_vn.getSlotVNs)(n({})):[])))}},watch:{content:function(t){this.reactData.tipContent=t},value:function(t){var e=this,i=e,n=e.reactData;n.isUpdate||(t?e.handleVisible(n.target||e.getSelectorEl(),i.content):e.close()),n.isUpdate=!1},enterDelay:function(){this.handleDelayFn()}},created:function(){this.internalData=createInternalData(),this.handleDelayFn()},mounted:function(){var o=this,a=o,l=o.reactData,t=o.$refs.contentWrapperfElem;t&&t.addEventListener("wheel",o.wheelEvent,{passive:!1}),o.$nextTick(function(){var i,t,e=a.trigger,n=a.content,r=o.$refs.refElem;r&&(i=r.parentNode)&&(l.tipContent=n,l.tipZindex=(0,_utils.nextZIndex)(),_xeUtils.default.arrayEach(r.children,function(t,e){e&&(i.insertBefore(t,r),l.target||(l.target=t))}),i.removeChild(r),(t=l.target)&&("hover"===e?(t.onmouseenter=o.targetMouseenterEvent,t.onmouseleave=o.targetMouseleaveEvent):"click"===e&&(t.onclick=o.clickEvent)),a.value)&&o.handleVisible(t||o.getSelectorEl(),n)})},beforeDestroy:function(){var t=this.reactData.target,e=this.$refs.refElem,t=(t&&(t.onmouseenter=null,t.onmouseleave=null,t.onclick=null),this.$refs.contentWrapperfElem);t&&t.removeEventListener("wheel",this.wheelEvent),e&&(t=e.parentNode)&&t.removeChild(e)},destroyed:function(){var t=this.reactData,e=this.internalData;_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(e,createInternalData())},render:function(t){return this.renderVN(t)}});
+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");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function _toConsumableArray(t){return _arrayWithoutHoles(t)||_iterableToArray(t)||_unsupportedIterableToArray(t)||_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(t,e){var i;if(t)return"string"==typeof t?_arrayLikeToArray(t,e):"Map"===(i="Object"===(i={}.toString.call(t).slice(8,-1))&&t.constructor?t.constructor.name:i)||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(t,e):void 0}function _iterableToArray(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function _arrayWithoutHoles(t){if(Array.isArray(t))return _arrayLikeToArray(t)}function _arrayLikeToArray(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=Array(e);i<e;i++)n[i]=t[i];return n}function _defineProperty(t,e,i){return(e=_toPropertyKey(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function _toPropertyKey(t){t=_toPrimitive(t,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(t,e){if("object"!=_typeof(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0===i)return("string"===e?String:Number)(t);i=i.call(t,e||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}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],props:{value:Boolean,size:{type:String,default:function(){return(0,_ui.getConfig)().tooltip.size||(0,_ui.getConfig)().size}},selector:String,trigger:{type:String,default:function(){return(0,_ui.getConfig)().tooltip.trigger||"hover"}},theme:{type:String,default:function(){return(0,_ui.getConfig)().tooltip.theme||"dark"}},content:{type:[String,Number],default:null},useHtml:{type:Boolean,default:function(){return _xeUtils.default.isBoolean((0,_ui.getConfig)().tooltip.useHtml)?(0,_ui.getConfig)().tooltip.useHtml:null}},useHTML:{type:Boolean,default:function(){return(0,_ui.getConfig)().tooltip.useHTML}},zIndex:[String,Number],popupClassName:[String,Function],width:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tooltip.Width}},height:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tooltip.height}},minWidth:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tooltip.minWidth}},minHeight:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tooltip.minHeight}},maxWidth:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tooltip.maxWidth}},maxHeight:{type:[String,Number],default:function(){return(0,_ui.getConfig)().tooltip.maxHeight}},placement:{type:String,default:function(){return(0,_ui.getConfig)().tooltip.placement}},defaultPlacement:{type:String,default:function(){return(0,_ui.getConfig)().tooltip.defaultPlacement}},isArrow:{type:Boolean,default:function(){return(0,_ui.getConfig)().tooltip.isArrow}},enterable:{type:Boolean,default:function(){return(0,_ui.getConfig)().tooltip.enterable}},enterDelay:{type:Number,default:function(){return(0,_ui.getConfig)().tooltip.enterDelay}},leaveDelay:{type:Number,default:function(){return(0,_ui.getConfig)().tooltip.leaveDelay}},appendTo:{type:[String,Function],default:function(){return(0,_ui.getConfig)().tooltip.appendTo}}},data:function(){var t=_xeUtils.default.uniqueId(),e=createReactData();return Object.assign(Object.assign({},{}),{xID:t,reactData:e})},computed:Object.assign(Object.assign({},{}),{computeWrapperStyle:function(){var t=this,e=t.width,i=t.height,n=t.minHeight,r=t.minWidth,o=t.maxHeight,t=t.maxWidth,a={};return e&&(a.width=(0,_dom.toCssUnit)(e)),i&&(a.height=(0,_dom.toCssUnit)(i)),r&&(a.minWidth=(0,_dom.toCssUnit)(r)),n&&(a.minHeight=(0,_dom.toCssUnit)(n)),t&&(a.maxWidth=(0,_dom.toCssUnit)(t)),o&&(a.maxHeight=(0,_dom.toCssUnit)(o)),a}}),methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$tooltip:this},e))},emitModel:function(t){var e=this._events;this.$emit("input",t),e&&e.modelValue?this.$emit("modelValue",t):this.$emit("model-value",t)},getSelectorEl:function(){var t=this.selector;if(t){if(_xeUtils.default.isElement(t))return t;if(_xeUtils.default.isString(t))return document.querySelector(t)}return null},openByEvent:function(t,e,i){var n=this.reactData;return this.handleVisible(e||n.target||this.getSelectorEl(),i,t)},open:function(t,e){var i=this.reactData;return this.handleVisible(t||i.target||this.getSelectorEl(),e)},close:function(){var t=this.reactData;return t.tipPos=null,t.tipTarget=null,t.tipActive=!1,Object.assign(t.tipStore,{style:{},placement:"",arrowStyle:null}),this.updateValue(!1),this.$nextTick()},toVisible:function(t,e){return this.handleVisible(t,e)},updateTipStyle:function(){var t,e,i,n,r,o,a=this.reactData,l=this.placement,u=this.defaultPlacement,s=this.isArrow,c=a.tipTarget,p=a.tipStore,f=a.tipPos,a=a.tipZindex,d=this.$refs.refElem;c&&d&&(r=c.getBoundingClientRect(),t=c.offsetWidth,o=c.offsetHeight,e=d.offsetWidth,n=i=r.left,r=r.top+o,f&&(f.oLeft||f.oTop)?s?n=i+Math.max(8,Math.min(t-8,f.oLeft))-e/2:(n=f.x+1,r=f.y+1):n=i+(t-e)/2,o=(0,_dom.updatePanelPlacement)(c,d,{defaultTop:r,defaultLeft:n,placement:l,defaultPlacement:u,teleportTo:!0}),s=Object.assign(o.style,{zIndex:a}),p.placement=o.placement,p.style=s,p.arrowStyle.left="".concat(o.arrowLeft,"px"))},updatePlacement:function(){var t=this;return t.updateTipStyle(),t.$nextTick().then(function(){return t.updateTipStyle()})},isActived:function(){return this.reactData.tipActive},setActived:function(t){this.reactData.tipActive=!!t},updateValue:function(t){var e=this.reactData;t!==e.visible&&(e.visible=t,e.isUpdate=!0,this.emitModel(t))},updateZIndex:function(){var t=this.reactData,e=this.zIndex;e?t.tipZindex=_xeUtils.default.toNumber(e):t.tipZindex<(0,_utils.getLastZIndex)()&&(t.tipZindex=(0,_utils.nextZIndex)())},clickEvent:function(){var t=this,e=t,i=t.reactData;i.visible?t.close():t.handleVisible(i.target||t.getSelectorEl(),e.content)},targetMouseenterEvent:function(){var t=this.reactData;this.handleVisible(t.target||this.getSelectorEl(),this.content)},targetMouseleaveEvent:function(){var t=this,e=t.reactData,i=t.trigger,n=t.enterable,r=t.leaveDelay;e.tipActive=!1,n&&"hover"===i?setTimeout(function(){e.tipActive||t.close()},r):t.close()},wrapperMouseenterEvent:function(){this.reactData.tipActive=!0},wrapperMouseleaveEvent:function(){var t=this,e=t.reactData,i=t.trigger,n=t.enterable,r=t.leaveDelay;e.tipActive=!1,n&&"hover"===i&&setTimeout(function(){e.tipActive||t.close()},r)},showTip:function(){var t=this,e=t,i=t.reactData,n=e.appendTo,r=i.tipStore,o=t.$refs.refElem;return o&&!o.parentNode&&(0,_dom.getPopupAppendElement)(n).appendChild(o),t.updateValue(!0),t.updateZIndex(),r.placement="top",r.style={width:"auto",left:0,top:0,zIndex:e.zIndex||i.tipZindex},r.arrowStyle={left:"50%"},t.updatePlacement()},handleDelayFn:function(){var t=this,e=t.reactData;t.internalData.showDelayTip=_xeUtils.default.debounce(function(){e.tipActive&&t.showTip()},t.enterDelay,{leading:!1,trailing:!0})},handleVisible:function(t,e,i){var n=this,r=n,o=n.$scopedSlots,a=n.reactData,l=n.internalData,o=o.content;if((o||""!==e&&!_xeUtils.default.eqNull(e))&&t){o=l.showDelayTip,l=r.trigger,r=r.enterDelay;if(a.tipPos=i?{x:i.clientX,y:i.clientY,oLeft:i.offsetX,oTop:i.offsetY}:null,a.tipActive=!0,a.tipTarget=t,a.tipContent=e,a.visible)return n.updatePlacement();if(!r||"hover"!==l)return n.showTip();o&&o()}return n.$nextTick()},wheelEvent:function(t){t.stopPropagation()},renderContent:function(t){var e=this.$scopedSlots,i=this.reactData,n=this.useHtml,r=this.useHTML,i=i.tipContent,o=this.computeWrapperStyle,e=e.content,a=[];return e?a.push(t("div",{key:"ct"},(0,_vn.getSlotVNs)(e({})))):(_xeUtils.default.isBoolean(n)?n:r)?a.push(t("div",{key:"ch",domProps:{innerHTML:i}})):a.push(t("span",{key:"cd"},"".concat(i))),t("div",{key:3,ref:"contentWrapperfElem",class:"vxe-tooltip--content",style:o},a)},renderVN:function(t){var e,i=this,n=i.$scopedSlots,r=i.reactData,o=i.popupClassName,a=i.isArrow,l=i.enterable,u=r.tipActive,s=r.visible,r=r.tipStore,n=n.default,c=i.computeSize;return l&&(e={mouseenter:i.wrapperMouseenterEvent,mouseleave:i.wrapperMouseleaveEvent}),t("div",{ref:"refElem",class:["vxe-tooltip--wrapper","theme--".concat(i.theme),o?_xeUtils.default.isFunction(o)?o({$tooltip:i}):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:e},[t("div",{key:"tby",class:"vxe-tooltip--body"},[i.renderContent(t),t("div",{class:"vxe-tooltip--arrow",style:r.arrowStyle})])].concat(_toConsumableArray(n?(0,_vn.getSlotVNs)(n({})):[])))}},watch:{content:function(t){this.reactData.tipContent=t},value:function(t){var e=this,i=e,n=e.reactData;n.isUpdate||(t?e.handleVisible(n.target||e.getSelectorEl(),i.content):e.close()),n.isUpdate=!1},enterDelay:function(){this.handleDelayFn()}},created:function(){this.internalData=createInternalData(),this.handleDelayFn()},mounted:function(){var o=this,a=o,l=o.reactData,t=o.$refs.contentWrapperfElem;t&&t.addEventListener("wheel",o.wheelEvent,{passive:!1}),o.$nextTick(function(){var i,t,e=a.trigger,n=a.content,r=o.$refs.refElem;r&&(i=r.parentNode)&&(l.tipContent=n,l.tipZindex=(0,_utils.nextZIndex)(),_xeUtils.default.arrayEach(r.children,function(t,e){e&&(i.insertBefore(t,r),l.target||(l.target=t))}),i.removeChild(r),(t=l.target)&&("hover"===e?(t.onmouseenter=o.targetMouseenterEvent,t.onmouseleave=o.targetMouseleaveEvent):"click"===e&&(t.onclick=o.clickEvent)),a.value)&&o.handleVisible(t||o.getSelectorEl(),n)})},beforeDestroy:function(){var t=this.reactData.target,e=this.$refs.refElem,t=(t&&(t.onmouseenter=null,t.onmouseleave=null,t.onclick=null),this.$refs.contentWrapperfElem);t&&t.removeEventListener("wheel",this.wheelEvent),e&&(t=e.parentNode)&&t.removeChild(e)},destroyed:function(){var t=this.reactData,e=this.internalData;_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(e,createInternalData())},render:function(t){return this.renderVN(t)}});

package/lib/tree/src/tree.js

@@ -3687,12 +3687,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeTree;
       var slots = $xeTree.$scopedSlots;
       var internalData = $xeTree.internalData;
-      var transform = props.transform,
+      var loading = props.loading,
+        transform = props.transform,
         emptyText = props.emptyText;
       var treeExpandedMaps = internalData.treeExpandedMaps;
       var childrenField = $xeTree.computeChildrenField;
       var emptySlot = slots.empty;
-      if (!treeList.length) {
+      if (!loading && !treeList.length) {
         return [h('div', {
           class: 'vxe-tree--empty-placeholder'
         }, emptySlot ? emptySlot({}) : [h('div', {