vxe-pc-ui 3.20.5 → 3.20.7

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

@@ -474,6 +474,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         var ppObj = (0, _dom.updatePanelPlacement)(targetElem, panelElem, {
           placement: popupOpts.placement || placement,
           defaultPlacement: popupOpts.defaultPlacement,
+          appendTo: popupOpts.appendTo,
           teleportTo: btnTransfer
         });
         var panelStyle = Object.assign(ppObj.style, {

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"));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()},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()},handleGlobalScrollEvent: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,v=n.computeSize,m=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(v),v),"is--visible",d),"is--disabled",m),"is--loading",u),"is--active",c)]},[e(_input.default,{ref:"refInput",props:{clearable:i.clearable,placeholder:i.placeholder,editable:!1,disabled:m,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(v),v),"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,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent),_ui.globalEvents.on(e,"scroll",e.handleGlobalScrollEvent)},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,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize"),_ui.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,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"));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,appendTo:u.appendTo,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()},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()},handleGlobalScrollEvent: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,v=n.computeSize,m=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(v),v),"is--visible",d),"is--disabled",m),"is--loading",u),"is--active",c)]},[e(_input.default,{ref:"refInput",props:{clearable:i.clearable,placeholder:i.placeholder,editable:!1,disabled:m,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(v),v),"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,"mousedown",e.handleGlobalMousedownEvent),_ui.globalEvents.on(e,"blur",e.handleGlobalBlurEvent),_ui.globalEvents.on(e,"resize",e.handleGlobalResizeEvent),_ui.globalEvents.on(e,"scroll",e.handleGlobalScrollEvent)},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,"mousedown"),_ui.globalEvents.off(e,"blur"),_ui.globalEvents.off(e,"resize"),_ui.globalEvents.off(e,"scroll"),_xeUtils.default.assign(t,createReactData()),_xeUtils.default.assign(n,createInternalData())},render:function(e){return this.renderVN(e)}});

package/lib/tabs/src/tabs.js

@@ -18,6 +18,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var baseUtils = _ui.VxeUI.baseUtils,
+  createEvent = _ui.VxeUI.createEvent,
+  getConfig = _ui.VxeUI.getConfig,
+  getIcon = _ui.VxeUI.getIcon,
+  globalEvents = _ui.VxeUI.globalEvents,
+  permission = _ui.VxeUI.permission,
+  renderEmptyElement = _ui.VxeUI.renderEmptyElement;
+var getDefVal = baseUtils.getDefVal;
 var _createComponentLog = (0, _log.createComponentLog)('tabs'),
   warnLog = _createComponentLog.warnLog,
   errLog = _createComponentLog.errLog;
@@ -33,7 +41,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     destroyOnClose: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().tabs.destroyOnClose;
+        return getConfig().tabs.destroyOnClose;
       }
     },
     titleWidth: [String, Number],
@@ -41,13 +49,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     type: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().tabs.type;
+        return getConfig().tabs.type;
       }
     },
     position: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().tabs.position;
+        return getConfig().tabs.position;
       }
     },
     showClose: Boolean,
@@ -58,7 +66,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     padding: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().tabs.padding;
+        return getConfig().tabs.padding;
       }
     },
     trigger: String,
@@ -68,13 +76,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     size: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().tabs.size || (0, _ui.getConfig)().size;
+        return getConfig().tabs.size || getConfig().size;
       }
     },
     useScrollbar: {
       type: Boolean,
       default: function _default() {
-        return (0, _utils.getDefaultConfig)((0, _ui.getConfig)().tabs.useScrollbar, (0, _ui.getConfig)().useScrollbar);
+        return getDefVal(getConfig().tabs.useScrollbar, getConfig().useScrollbar);
       }
     },
     scrollbarConfig: Object,
@@ -174,12 +182,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     computeCloseOpts: function computeCloseOpts() {
       var $xeTabs = this;
       var props = $xeTabs;
-      return Object.assign({}, (0, _ui.getConfig)().tabs.closeConfig, props.closeConfig);
+      return Object.assign({}, getConfig().tabs.closeConfig, props.closeConfig);
     },
     computeRefreshOpts: function computeRefreshOpts() {
       var $xeTabs = this;
       var props = $xeTabs;
-      return Object.assign({}, (0, _ui.getConfig)().tabs.refreshConfig, props.refreshConfig);
+      return Object.assign({}, getConfig().tabs.refreshConfig, props.refreshConfig);
     },
     computeTabOptions: function computeTabOptions() {
       var $xeTabs = this;
@@ -200,7 +208,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     computeScrollbarOpts: function computeScrollbarOpts() {
       var $xeTabs = this;
       var props = $xeTabs;
-      return Object.assign({}, (0, _ui.getConfig)().tabs.scrollbarConfig, props.scrollbarConfig);
+      return Object.assign({}, getConfig().tabs.scrollbarConfig, props.scrollbarConfig);
     },
     computeScrollbarProps: function computeScrollbarProps() {
       var $xeTabs = this;
@@ -227,7 +235,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     //
     dispatchEvent: function dispatchEvent(type, params, evnt) {
       var $xeTabs = this;
-      $xeTabs.$emit(type, (0, _ui.createEvent)(evnt, {
+      $xeTabs.$emit(type, createEvent(evnt, {
         $tabs: $xeTabs
       }, params));
     },
@@ -262,7 +270,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     handleFilterTab: function handleFilterTab(item) {
       var permissionCode = item.permissionCode;
       if (permissionCode) {
-        if (!_ui.permission.checkVisible(permissionCode)) {
+        if (!permission.checkVisible(permissionCode)) {
           return false;
         }
       }
@@ -445,7 +453,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeTabs;
       var reactData = $xeTabs.reactData;
       var trigger = props.trigger;
-      var beforeMethod = props.beforeChangeMethod || (0, _ui.getConfig)().tabs.beforeChangeMethod;
+      var beforeMethod = props.beforeChangeMethod || getConfig().tabs.beforeChangeMethod;
       var activeName = reactData.activeName;
       var name = item.name;
       var value = name;
@@ -537,7 +545,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       evnt.stopPropagation();
       var activeName = reactData.activeName;
       var closeOpts = $xeTabs.computeCloseOpts;
-      var beforeMethod = closeOpts.beforeMethod || props.beforeCloseMethod || (0, _ui.getConfig)().tabs.beforeCloseMethod;
+      var beforeMethod = closeOpts.beforeMethod || props.beforeCloseMethod || getConfig().tabs.beforeCloseMethod;
       var name = item.name;
       var value = activeName;
       var nextName = value;
@@ -769,15 +777,15 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         class: ['vxe-tabs-header--prefix', "type--".concat(tabType), "pos--".concat(tabPosition)]
       }, $xeTabs.callSlot(tabPrefixSlot, {
         name: activeName
-      }, h)) : (0, _ui.renderEmptyElement)($xeTabs), isTabOver ? h('div', {
+      }, h)) : renderEmptyElement($xeTabs), isTabOver ? h('div', {
         ref: 'refHeadPrevElem',
         class: ['vxe-tabs-header--bar vxe-tabs-header--prev-bar', "type--".concat(tabType), "pos--".concat(tabPosition)],
         on: {
           click: $xeTabs.scrollLeftEvent
         }
       }, [h('span', {
-        class: lrPosition ? (0, _ui.getIcon)().TABS_TAB_BUTTON_TOP : (0, _ui.getIcon)().TABS_TAB_BUTTON_LEFT
-      })]) : (0, _ui.renderEmptyElement)($xeTabs), h('div', {
+        class: lrPosition ? getIcon().TABS_TAB_BUTTON_TOP : getIcon().TABS_TAB_BUTTON_LEFT
+      })]) : renderEmptyElement($xeTabs), h('div', {
         class: ['vxe-tabs-header--wrapper', "type--".concat(tabType), "pos--".concat(tabPosition)]
       }, [h('div', {
         ref: 'refHeadWrapperElem',
@@ -834,12 +842,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           class: 'vxe-tabs-header--item-icon'
         }, [h('i', {
           class: icon
-        })]) : (0, _ui.renderEmptyElement)($xeTabs), titlePrefixSlot ? h('span', {
+        })]) : renderEmptyElement($xeTabs), titlePrefixSlot ? h('span', {
           class: 'vxe-tabs-header--item-prefix'
         }, $xeTabs.callSlot(titlePrefixSlot, {
           name: name,
           title: title
-        }, h)) : (0, _ui.renderEmptyElement)($xeTabs), h('span', {
+        }, h)) : renderEmptyElement($xeTabs), h('span', {
           class: 'vxe-tabs-header--item-name'
         }, titleSlot ? $xeTabs.callSlot(titleSlot, {
           name: name,
@@ -849,7 +857,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         }, $xeTabs.callSlot(titleSuffixSlot, {
           name: name,
           title: title
-        }, h)) : (0, _ui.renderEmptyElement)($xeTabs)]), ((0, _utils.isEnableConf)(refreshConfig) || refreshOpts.enabled) && (refreshVisibleMethod ? refreshVisibleMethod(params) : true) ? h('div', {
+        }, h)) : renderEmptyElement($xeTabs)]), ((0, _utils.isEnableConf)(refreshConfig) || refreshOpts.enabled) && (refreshVisibleMethod ? refreshVisibleMethod(params) : true) ? h('div', {
           class: ['vxe-tabs-header--refresh-btn', {
             'is--active': isActive,
             'is--loading': isLoading,
@@ -861,8 +869,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
             }
           }
         }, [h('i', {
-          class: isLoading ? (0, _ui.getIcon)().TABS_TAB_REFRESH_LOADING : (0, _ui.getIcon)().TABS_TAB_REFRESH
-        })]) : (0, _ui.renderEmptyElement)($xeTabs), (showClose || (0, _utils.isEnableConf)(closeConfig) || closeOpts.enabled) && (!closeVisibleMethod || closeVisibleMethod(params)) ? h('div', {
+          class: isLoading ? getIcon().TABS_TAB_REFRESH_LOADING : getIcon().TABS_TAB_REFRESH
+        })]) : renderEmptyElement($xeTabs), (showClose || (0, _utils.isEnableConf)(closeConfig) || closeOpts.enabled) && (!closeVisibleMethod || closeVisibleMethod(params)) ? h('div', {
           class: ['vxe-tabs-header--close-btn', {
             'is--active': isActive
           }],
@@ -872,8 +880,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
             }
           }
         }, [h('i', {
-          class: (0, _ui.getIcon)().TABS_TAB_CLOSE
-        })]) : (0, _ui.renderEmptyElement)($xeTabs)])]);
+          class: getIcon().TABS_TAB_CLOSE
+        })]) : renderEmptyElement($xeTabs)])]);
       }).concat([h('span', {
         key: 'line',
         class: ['vxe-tabs-header--active-line', "type--".concat(tabType), "pos--".concat(tabPosition)],
@@ -885,12 +893,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           click: $xeTabs.scrollRightEvent
         }
       }, [h('span', {
-        class: lrPosition ? (0, _ui.getIcon)().TABS_TAB_BUTTON_BOTTOM : (0, _ui.getIcon)().TABS_TAB_BUTTON_RIGHT
-      })]) : (0, _ui.renderEmptyElement)($xeTabs), tabSuffixSlot ? h('div', {
+        class: lrPosition ? getIcon().TABS_TAB_BUTTON_BOTTOM : getIcon().TABS_TAB_BUTTON_RIGHT
+      })]) : renderEmptyElement($xeTabs), tabSuffixSlot ? h('div', {
         class: ['vxe-tabs-header--suffix', "type--".concat(tabType), "pos--".concat(tabPosition)]
       }, $xeTabs.callSlot(tabSuffixSlot, {
         name: activeName
-      }, h)) : (0, _ui.renderEmptyElement)($xeTabs)]);
+      }, h)) : renderEmptyElement($xeTabs)]);
     },
     renderTabPane: function renderTabPane(h, item) {
       var $xeTabs = this;
@@ -926,7 +934,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           name: name
         }, h) : []);
       }
-      return (0, _ui.renderEmptyElement)($xeTabs);
+      return renderEmptyElement($xeTabs);
     },
     renderTabContent: function renderTabContent(h, tabList) {
       var $xeTabs = this;
@@ -938,7 +946,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         var activeTab = tabList.find(function (item) {
           return item.name === activeName;
         });
-        return [activeTab ? $xeTabs.renderTabPane(h, activeTab) : (0, _ui.renderEmptyElement)($xeTabs)];
+        return [activeTab ? $xeTabs.renderTabPane(h, activeTab) : renderEmptyElement($xeTabs)];
       }
       return tabList.map(function (item) {
         return $xeTabs.renderTabPane(h, item);
@@ -962,7 +970,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var headerpSlot = slots.header;
       var footerSlot = slots.footer;
       if (!showBody) {
-        return (0, _ui.renderEmptyElement)($xeTabs);
+        return renderEmptyElement($xeTabs);
       }
       var cacheItem = activeName ? cacheTabMaps["".concat(activeName)] : null;
       var isLoading = cacheItem ? cacheItem.loading : false;
@@ -976,11 +984,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         }]
       }, [headerpSlot ? h('div', {
         class: 'vxe-tabs-pane--header'
-      }, $xeTabs.callSlot(headerpSlot, defParams, h)) : (0, _ui.renderEmptyElement)($xeTabs), h('div', {
+      }, $xeTabs.callSlot(headerpSlot, defParams, h)) : renderEmptyElement($xeTabs), h('div', {
         class: ['vxe-tabs-pane--body', "type--".concat(tabType), "pos--".concat(tabPosition), _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--padding', padding), 'is--height', height)]
       }, $xeTabs.renderTabContent(h, tabList)), footerSlot ? h('div', {
         class: 'vxe-tabs-pane--footer'
-      }, $xeTabs.callSlot(footerSlot, defParams, h)) : (0, _ui.renderEmptyElement)($xeTabs), showLoading && isLoading ? (0, _ui.renderEmptyElement)($xeTabs) : h(_loading.default, {
+      }, $xeTabs.callSlot(footerSlot, defParams, h)) : renderEmptyElement($xeTabs), showLoading && isLoading ? renderEmptyElement($xeTabs) : h(_loading.default, {
         class: 'vxe-tabs--loading',
         props: {
           value: isLoading
@@ -1068,11 +1076,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   mounted: function mounted() {
     var $xeTabs = this;
     $xeTabs.updateTabStyle();
-    _ui.globalEvents.on($xeTabs, 'resize', $xeTabs.updateTabStyle);
+    globalEvents.on($xeTabs, 'resize', $xeTabs.updateTabStyle);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeTabs = this;
-    _ui.globalEvents.off($xeTabs, 'resize');
+    globalEvents.off($xeTabs, 'resize');
   },
   render: function render(h) {
     return this.renderVN(h);

package/lib/tabs/src/tabs.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"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_loading=_interopRequireDefault(require("../../loading")),_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 _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,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 i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _createComponentLog=(0,_log.createComponentLog)("tabs"),warnLog=_createComponentLog.warnLog,errLog=_createComponentLog.errLog,scrollbarOffsetSize=20,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTabs",mixins:[_ui.globalMixins.sizeMixin],props:{value:[String,Number,Boolean],options:Array,width:[String,Number],height:[String,Number],destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().tabs.destroyOnClose}},titleWidth:[String,Number],titleAlign:[String,Number],type:{type:String,default:function(){return(0,_ui.getConfig)().tabs.type}},position:{type:String,default:function(){return(0,_ui.getConfig)().tabs.position}},showClose:Boolean,showBody:{type:Boolean,default:!0},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().tabs.padding}},trigger:String,beforeChangeMethod:Function,closeConfig:Object,refreshConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().tabs.size||(0,_ui.getConfig)().size}},useScrollbar:{type:Boolean,default:function(){return(0,_utils.getDefaultConfig)((0,_ui.getConfig)().tabs.useScrollbar,(0,_ui.getConfig)().useScrollbar)}},scrollbarConfig:Object,beforeCloseMethod:Function},inject:{$xeParentTabs:{from:"$xeTabs",default:null}},provide:function(){return{$xeTabs:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticTabs:[],activeName:null,initNames:[],lintLeft:0,lintTop:0,lintWidth:0,lintHeight:0,scrollbarWidth:0,scrollbarHeight:0,isTabOver:!1,resizeFlag:1,cacheTabMaps:{}},internalData:{slTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeParentTabsResizeFlag:function(){var e=this.$xeParentTabs;return e?e.reactData.resizeFlag:null},computeTabType:function(){return this.type||"default"},computeTabPosition:function(){return this.position||"top"},computeLrPosition:function(){var e=this.computeTabPosition;return"left"===e||"right"===e},computeLineStyle:function(){var e=this.reactData,t=e.lintLeft,i=e.lintWidth,a=e.lintHeight;return this.computeLrPosition?{top:"".concat(e.lintTop,"px"),height:"".concat(a,"px")}:{left:"".concat(t,"px"),width:"".concat(i,"px")}},computeWrapperStyle:function(){var e=this.width,t=this.height,i={};return e&&(i.width=(0,_dom.toCssUnit)(e)),t&&(i.height="auto"===t?"100%":(0,_dom.toCssUnit)(t)),i},computeCloseOpts:function(){return Object.assign({},(0,_ui.getConfig)().tabs.closeConfig,this.closeConfig)},computeRefreshOpts:function(){return Object.assign({},(0,_ui.getConfig)().tabs.refreshConfig,this.refreshConfig)},computeTabOptions:function(){var t=this;return(t.options||[]).filter(function(e){return t.handleFilterTab(e)})},computeTabStaticOptions:function(){var t=this;return t.reactData.staticTabs.filter(function(e){return t.handleFilterTab(e)})},computeScrollbarOpts:function(){return Object.assign({},(0,_ui.getConfig)().tabs.scrollbarConfig,this.scrollbarConfig)},computeScrollbarProps:function(){var e=this.computeScrollbarOpts,t=e.viewClassName;return{width:e.width,height:e.height,autoHide:e.autoHide,visible:e.visible,xConfig:e.xConfig,yConfig:e.yConfig,className:e.className,viewAttrs:e.viewAttrs,viewClassName:"vxe-tabs-pane--scrollbar-item-view"+(t?" "+t:""),viewInnerClassName:"vxe-tabs-pane--scrollbar-item-inner"+(t?" "+e.viewInnerClassName:"")}}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$tabs: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)},prev:function(){return this.handlePrevNext(!1)},next:function(){return this.handlePrevNext(!0)},prevTab:function(){return warnLog("vxe.error.delFunc",["prevTab","prev"]),this.prev()},nextTab:function(){return warnLog("vxe.error.delFunc",["nextTab","next"]),this.next()},handleFilterTab:function(e){e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},callSlot:function(e,t,i){var a=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=a[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,i)):[]},checkScrolling:function(){var e,t,i,a,n,o=this.computeLrPosition,r=this.$refs.refHeadWrapperElem,s=this.$refs.refHeadPrevElem,l=this.$refs.refHeadNextElem;r&&(e=r.scrollLeft,t=r.scrollTop,i=r.clientWidth,a=r.clientHeight,n=r.scrollWidth,r=r.scrollHeight,s&&(0<(o?t:e)?(0,_dom.addClass):(0,_dom.removeClass))(s,"scrolling--middle"),l)&&((o?a<r-Math.ceil(t):i<n-Math.ceil(e))?(0,_dom.addClass):(0,_dom.removeClass))(l,"scrolling--middle")},updateTabStyle:function(){function e(){var e,t,i,a,n=g.activeName,o=v.computeTabType,r=v.computeTabOptions,s=v.computeTabStaticOptions,l=v.$refs.refHeadWrapperElem,c=v.computeLrPosition,u=0,f=0,d=0,p=0,m=0,h=0,b=!1;l&&(s=_xeUtils.default.findIndexOf(s.length?s:r,function(e){return e.name===n}),r=l.children,t=l.offsetWidth,e=l.scrollWidth,i=l.offsetHeight,a=l.scrollHeight,m=t-(t=l.clientWidth),h=i-(i=l.clientHeight),c?(b=a!==i,-1<s&&(l=r[s])&&(c=l.clientHeight,a=l.clientWidth,p="card"===o?(u=a,f=c,l.offsetTop):"border-card"===o?(u=a,f=c,l.offsetTop-1):(f=Math.max(4,Math.floor(.6*c)),l.offsetTop+Math.floor((c-f)/2)))):(b=e!==t,-1<s&&(i=r[s])&&(a=i.clientWidth,d="card"===o?(u=a+1,i.offsetLeft):"border-card"===o?(u=a,i.offsetLeft-1):(u=Math.max(4,Math.floor(.6*a)),i.offsetLeft+Math.floor((a-u)/2))))),g.scrollbarWidth=m,g.scrollbarHeight=h,g.lintLeft=d,g.lintTop=p,g.lintWidth=u,g.lintHeight=f,g.isTabOver=b,v.checkScrolling()}var v=this,g=v.reactData;e(),v.$nextTick(e)},addInitName:function(e,t){var i=this.reactData.initNames;return!(!e||i.includes(e)||(this.dispatchEvent("tab-load",{name:e},t),i.push(e),0))},initDefaultName:function(e){var i,a=this,t=a.reactData,n=null,o={};e&&e.length&&(i=!1,n=a.value,e.forEach(function(e){var e=e||{},t=e.name,e=e.preload;t&&(o["".concat(t)]={loading:!1},n===t&&(i=!0),e)&&a.addInitName(t,null)}),i||(n=e[0].name,a.addInitName(n,null),a.emitModel(n))),t.activeName=n,t.cacheTabMaps=o},clickEvent:function(t,i){var a=this,n=a.reactData,e=a.trigger,o=a.beforeChangeMethod||(0,_ui.getConfig)().tabs.beforeChangeMethod,r=n.activeName,s=i.name,l=s;a.dispatchEvent("tab-click",{name:s},t),"manual"!==e&&s!==r&&Promise.resolve(!o||o({$tabs:a,name:s,oldName:r,newName:s,option:i})).then(function(e){e?(n.activeName=s,a.emitModel(l),a.addInitName(s,t),a.dispatchEvent("change",{value:l,name:s,oldName:r,newName:s,option:i},t),a.dispatchEvent("tab-change",{value:l,name:s,oldName:r,newName:s,option:i},t)):a.dispatchEvent("tab-change-fail",{value:l,name:s,oldName:r,newName:s,option:i},t)}).catch(function(){a.dispatchEvent("tab-change-fail",{value:l,name:s,oldName:r,newName:s,option:i},t)})},handleRefreshTabEvent:function(e,t){var i=this.reactData,e=(e.stopPropagation(),i.activeName),i=i.cacheTabMaps,a=t.name,n=this.computeRefreshOpts.queryMethod,o=a?i["".concat(a)]:null;o&&!o.loading&&(n?(o.loading=!0,Promise.resolve(n({$tabs:this,value:e,name:a,option:t})).finally(function(){o.loading=!1})):errLog("vxe.error.notFunc",["refresh-config.queryMethod"]))},handleCloseTabEvent:function(t,e,i,a){var n=this,o=n,r=n.reactData,r=(t.stopPropagation(),r.activeName),o=n.computeCloseOpts.beforeMethod||o.beforeCloseMethod||(0,_ui.getConfig)().tabs.beforeCloseMethod,s=e.name,l=r,c=l;r===s&&(r=i<a.length-1?a[i+1]:a[i-1],c=r?r.name:null),Promise.resolve(!o||o({$tabs:n,value:l,name:s,nextName:c,option:e})).then(function(e){e?n.dispatchEvent("tab-close",{value:l,name:s,nextName:c},t):n.dispatchEvent("tab-close-fail",{value:l,name:s,nextName:c},t)}).catch(function(){n.dispatchEvent("tab-close-fail",{value:l,name:s,nextName:c},t)})},startScrollAnimation:function(s,e){var l=this,c=l.internalData,t=c.slTimeout,u=l.computeLrPosition,f=u?0:e,d=u?e:0,p=6,m=35,h=(t&&(clearTimeout(t),c.slTimeout=void 0),function(){var e,t,i,a,n,o,r=l.$refs.refHeadWrapperElem;0<p&&(p--,r)&&(e=r.clientWidth,t=r.clientHeight,i=r.scrollWidth,a=r.scrollHeight,n=r.scrollLeft,o=r.scrollTop,u?(d=Math.floor(d/2),0<s?t+o<a&&(r.scrollTop+=d,m-=4,c.slTimeout=setTimeout(h,m)):0<o&&(r.scrollTop-=d,m-=4,c.slTimeout=setTimeout(h,m))):(f=Math.floor(f/2),0<s?e+n<i&&(r.scrollLeft+=f,m-=4,c.slTimeout=setTimeout(h,m)):0<n&&(r.scrollLeft-=f,m-=4,c.slTimeout=setTimeout(h,m))),l.updateTabStyle())});h()},handleScrollToLeft:function(e){var t,i=this.computeLrPosition,a=this.$refs.refHeadWrapperElem;a&&(t=a.clientWidth,a=a.clientHeight,i=Math.floor(.75*(i?a:t)),this.startScrollAnimation(e,i))},scrollLeftEvent:function(){this.handleScrollToLeft(-1)},scrollRightEvent:function(){this.handleScrollToLeft(1)},scrollToTab:function(s){var l=this,c=l.computeTabOptions,u=l.computeTabStaticOptions,f=l.computeLrPosition;return l.$nextTick().then(function(){var e,t,i,a,n,o,r=l.$refs.refHeadWrapperElem;r&&(-1<(i=_xeUtils.default.findIndexOf(u.length?u:c,function(e){return e.name===s}))&&(e=r.scrollLeft,o=r.scrollTop,t=r.clientWidth,n=r.clientHeight,i=r.children[i])&&(f?(0<(n=(a=i.offsetTop)+i.clientHeight-(o+n))&&(r.scrollTop+=n),a<o&&(r.scrollTop=a)):(0<(o=(n=i.offsetLeft)+i.clientWidth-(e+t))&&(r.scrollLeft+=o),n<e&&(r.scrollLeft=n))),l.updateTabStyle())})},handlePrevNext:function(e){var t,i=this,a=i.reactData,n=a.activeName,o=i.computeTabStaticOptions,o=o.length?o:i.computeTabOptions,r=_xeUtils.default.findIndexOf(o,function(e){return e.name===n});return-1<r&&(t=null,e?r<o.length-1&&(t=o[r+1]):0<r&&(t=o[r-1]),t)&&(e=t.name,a.activeName=e,i.emitModel(e),i.addInitName(e,null)),i.$nextTick()},renderTabHeader:function(p,m){var h=this,e=h.$scopedSlots,t=h.reactData,b=h.titleWidth,v=h.titleAlign,g=h.showClose,T=h.closeConfig,_=h.refreshConfig,y=t.activeName,i=t.scrollbarWidth,a=t.scrollbarHeight,n=t.isTabOver,x=t.cacheTabMaps,S=h.computeTabType,E=h.computeTabPosition,t=h.computeLrPosition,o=h.computeLineStyle,r=e.tabPrefix||e["tab-prefix"]||e.prefix,e=e.tabSuffix||e["tab-suffix"]||e.suffix||e.extra,N=h.computeCloseOpts,C=N.visibleMethod,O=h.computeRefreshOpts,P=O.visibleMethod;return p("div",{key:"th",class:["vxe-tabs-header","type--".concat(S),"pos--".concat(E)]},[r?p("div",{class:["vxe-tabs-header--prefix","type--".concat(S),"pos--".concat(E)]},h.callSlot(r,{name:y},p)):(0,_ui.renderEmptyElement)(h),n?p("div",{ref:"refHeadPrevElem",class:["vxe-tabs-header--bar vxe-tabs-header--prev-bar","type--".concat(S),"pos--".concat(E)],on:{click:h.scrollLeftEvent}},[p("span",{class:t?(0,_ui.getIcon)().TABS_TAB_BUTTON_TOP:(0,_ui.getIcon)().TABS_TAB_BUTTON_LEFT})]):(0,_ui.renderEmptyElement)(h),p("div",{class:["vxe-tabs-header--wrapper","type--".concat(S),"pos--".concat(E)]},[p("div",{ref:"refHeadWrapperElem",class:"vxe-tabs-header--item-wrapper",style:t?{marginRight:"-".concat(i+scrollbarOffsetSize,"px"),paddingRight:"".concat(scrollbarOffsetSize,"px")}:{marginBottom:"-".concat(a+scrollbarOffsetSize,"px"),paddingBottom:"".concat(scrollbarOffsetSize,"px")},on:{scroll:h.checkScrolling}},m.map(function(t,i){var e=t.title,a=t.icon,n=t.name,o=t.slots||{},r=o.title||o.tab,s=o.titlePrefix||o["title-prefix"],o=o.titleSuffix||o["title-suffix"],l=t.titleWidth||b,c=t.titleAlign||v,u={$tabs:h,value:y,name:n,option:t},f=y===n,d=n?x["".concat(n)]:null,d=!!d&&d.loading;return p("div",{key:"".concat(n),class:["vxe-tabs-header--item","type--".concat(S),"pos--".concat(E),c?"align--".concat(c):"",{"is--active":f}],style:l?{width:(0,_dom.toCssUnit)(l)}:void 0,on:{click:function(e){h.clickEvent(e,t)}}},[p("div",{class:"vxe-tabs-header--item-inner"},[p("div",{class:"vxe-tabs-header--item-content"},[a?p("span",{class:"vxe-tabs-header--item-icon"},[p("i",{class:a})]):(0,_ui.renderEmptyElement)(h),s?p("span",{class:"vxe-tabs-header--item-prefix"},h.callSlot(s,{name:n,title:e},p)):(0,_ui.renderEmptyElement)(h),p("span",{class:"vxe-tabs-header--item-name"},r?h.callSlot(r,{name:n,title:e},p):"".concat(e)),o?p("span",{class:"vxe-tabs-header--item-suffix"},h.callSlot(o,{name:n,title:e},p)):(0,_ui.renderEmptyElement)(h)]),!(0,_utils.isEnableConf)(_)&&!O.enabled||P&&!P(u)?(0,_ui.renderEmptyElement)(h):p("div",{class:["vxe-tabs-header--refresh-btn",{"is--active":f,"is--loading":d,"is--disabled":d}],on:{click:function(e){h.handleRefreshTabEvent(e,t)}}},[p("i",{class:d?(0,_ui.getIcon)().TABS_TAB_REFRESH_LOADING:(0,_ui.getIcon)().TABS_TAB_REFRESH})]),!(g||(0,_utils.isEnableConf)(T)||N.enabled)||C&&!C(u)?(0,_ui.renderEmptyElement)(h):p("div",{class:["vxe-tabs-header--close-btn",{"is--active":f}],on:{click:function(e){h.handleCloseTabEvent(e,t,i,m)}}},[p("i",{class:(0,_ui.getIcon)().TABS_TAB_CLOSE})])])])}).concat([p("span",{key:"line",class:["vxe-tabs-header--active-line","type--".concat(S),"pos--".concat(E)],style:o})]))]),n?p("div",{ref:"refHeadNextElem",class:["vxe-tabs-header--bar vxe-tabs-header--next-bar","type--".concat(S),"pos--".concat(E)],on:{click:h.scrollRightEvent}},[p("span",{class:t?(0,_ui.getIcon)().TABS_TAB_BUTTON_BOTTOM:(0,_ui.getIcon)().TABS_TAB_BUTTON_RIGHT})]):(0,_ui.renderEmptyElement)(h),e?p("div",{class:["vxe-tabs-header--suffix","type--".concat(S),"pos--".concat(E)]},h.callSlot(e,{name:y},p)):(0,_ui.renderEmptyElement)(h)])},renderTabPane:function(e,t){var i=this,a=i.reactData,n=i.useScrollbar,o=a.initNames,a=a.activeName,r=t.name,t=t.slots,s=t?t.default:null,t=i.computeScrollbarProps;return r&&o.includes(r)?n?e(_scrollbar.default,{key:"".concat(r),class:["vxe-tabs-pane--scrollbar-item",{"is--visible":a===r}],props:t,scopedSlots:{default:function(){return s?i.callSlot(s,{name:r},e):[]}}}):e("div",{key:"".concat(r),class:["vxe-tabs-pane--item",{"is--visible":a===r}]},s?i.callSlot(s,{name:r},e):[]):(0,_ui.renderEmptyElement)(i)},renderTabContent:function(t,e){var i=this,a=i.reactData,n=i.destroyOnClose,o=a.activeName;return n?[(a=e.find(function(e){return e.name===o}))?i.renderTabPane(t,a):(0,_ui.renderEmptyElement)(i)]:e.map(function(e){return i.renderTabPane(t,e)})},rendetTabBody:function(e,t){var i=this,a=i.$scopedSlots,n=i.reactData,o=i.height,r=i.padding,s=i.showBody,l=n.activeName,c=i.computeSize,u=i.computeTabType,f=i.computeTabPosition,d=i.computeRefreshOpts.showLoading,p=a.header,a=a.footer;return s?(n=!!(n=l?n.cacheTabMaps["".concat(l)]:null)&&n.loading,l={name:l},e("div",{key:"tb",class:["vxe-tabs-pane--wrapper","type--".concat(u),"pos--".concat(f),{"is--content":s}]},[p?e("div",{class:"vxe-tabs-pane--header"},i.callSlot(p,l,e)):(0,_ui.renderEmptyElement)(i),e("div",{class:["vxe-tabs-pane--body","type--".concat(u),"pos--".concat(f),_defineProperty(_defineProperty(_defineProperty({},"size--".concat(c),c),"is--padding",r),"is--height",o)]},i.renderTabContent(e,t)),a?e("div",{class:"vxe-tabs-pane--footer"},i.callSlot(a,l,e)):(0,_ui.renderEmptyElement)(i),d&&n?(0,_ui.renderEmptyElement)(i):e(_loading.default,{class:"vxe-tabs--loading",props:{value:n}})])):(0,_ui.renderEmptyElement)(i)},renderVN:function(e){var t=this,i=t.$scopedSlots,a=t.height,n=t.padding,o=t.trigger,r=t.reactData.activeName,s=t.computeSize,l=t.computeTabType,c=t.computeTabPosition,u=t.computeWrapperStyle,i=i.default,f=i?t.computeTabStaticOptions:t.computeTabOptions,i=[e("div",{key:"ts",class:"vxe-tabs-slots"},i?i({name:r}):[])];return"right"===c||"bottom"===c?i.push(t.rendetTabBody(e,f),t.renderTabHeader(e,f)):i.push(t.renderTabHeader(e,f),t.rendetTabBody(e,f)),e("div",{ref:"refElem",class:["vxe-tabs","pos--".concat(c),"vxe-tabs--".concat(l),"trigger--".concat("manual"===o?"trigger":"default"),_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--padding",n),"is--height",a)],style:u},i)}},watch:{position:function(){this.reactData.resizeFlag++},value:function(e){var t=this.reactData;this.addInitName(e,null),t.activeName=e},"reactData.activeName":function(e){this.scrollToTab(e)},options:function(){var e=this.reactData;this.initDefaultName(this.options),e.resizeFlag++},"reactData.staticTabs":function(){var e=this.reactData;this.initDefaultName(e.staticTabs),e.resizeFlag++},computeParentTabsResizeFlag:function(){var e=this;e.$nextTick(function(){e.updateTabStyle()})}},created:function(){var e=this.reactData;this.addInitName(this.value,null),this.initDefaultName(e.staticTabs.length?e.staticTabs:this.options)},mounted:function(){this.updateTabStyle(),_ui.globalEvents.on(this,"resize",this.updateTabStyle)},beforeDestroy:function(){_ui.globalEvents.off(this,"resize")},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"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_loading=_interopRequireDefault(require("../../loading")),_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 _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,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 a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}var baseUtils=_ui.VxeUI.baseUtils,createEvent=_ui.VxeUI.createEvent,getConfig=_ui.VxeUI.getConfig,getIcon=_ui.VxeUI.getIcon,globalEvents=_ui.VxeUI.globalEvents,permission=_ui.VxeUI.permission,renderEmptyElement=_ui.VxeUI.renderEmptyElement,getDefVal=baseUtils.getDefVal,_createComponentLog=(0,_log.createComponentLog)("tabs"),warnLog=_createComponentLog.warnLog,errLog=_createComponentLog.errLog,scrollbarOffsetSize=20,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTabs",mixins:[_ui.globalMixins.sizeMixin],props:{value:[String,Number,Boolean],options:Array,width:[String,Number],height:[String,Number],destroyOnClose:{type:Boolean,default:function(){return getConfig().tabs.destroyOnClose}},titleWidth:[String,Number],titleAlign:[String,Number],type:{type:String,default:function(){return getConfig().tabs.type}},position:{type:String,default:function(){return getConfig().tabs.position}},showClose:Boolean,showBody:{type:Boolean,default:!0},padding:{type:Boolean,default:function(){return getConfig().tabs.padding}},trigger:String,beforeChangeMethod:Function,closeConfig:Object,refreshConfig:Object,size:{type:String,default:function(){return getConfig().tabs.size||getConfig().size}},useScrollbar:{type:Boolean,default:function(){return getDefVal(getConfig().tabs.useScrollbar,getConfig().useScrollbar)}},scrollbarConfig:Object,beforeCloseMethod:Function},inject:{$xeParentTabs:{from:"$xeTabs",default:null}},provide:function(){return{$xeTabs:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticTabs:[],activeName:null,initNames:[],lintLeft:0,lintTop:0,lintWidth:0,lintHeight:0,scrollbarWidth:0,scrollbarHeight:0,isTabOver:!1,resizeFlag:1,cacheTabMaps:{}},internalData:{slTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeParentTabsResizeFlag:function(){var e=this.$xeParentTabs;return e?e.reactData.resizeFlag:null},computeTabType:function(){return this.type||"default"},computeTabPosition:function(){return this.position||"top"},computeLrPosition:function(){var e=this.computeTabPosition;return"left"===e||"right"===e},computeLineStyle:function(){var e=this.reactData,t=e.lintLeft,a=e.lintWidth,n=e.lintHeight;return this.computeLrPosition?{top:"".concat(e.lintTop,"px"),height:"".concat(n,"px")}:{left:"".concat(t,"px"),width:"".concat(a,"px")}},computeWrapperStyle:function(){var e=this.width,t=this.height,a={};return e&&(a.width=(0,_dom.toCssUnit)(e)),t&&(a.height="auto"===t?"100%":(0,_dom.toCssUnit)(t)),a},computeCloseOpts:function(){return Object.assign({},getConfig().tabs.closeConfig,this.closeConfig)},computeRefreshOpts:function(){return Object.assign({},getConfig().tabs.refreshConfig,this.refreshConfig)},computeTabOptions:function(){var t=this;return(t.options||[]).filter(function(e){return t.handleFilterTab(e)})},computeTabStaticOptions:function(){var t=this;return t.reactData.staticTabs.filter(function(e){return t.handleFilterTab(e)})},computeScrollbarOpts:function(){return Object.assign({},getConfig().tabs.scrollbarConfig,this.scrollbarConfig)},computeScrollbarProps:function(){var e=this.computeScrollbarOpts,t=e.viewClassName;return{width:e.width,height:e.height,autoHide:e.autoHide,visible:e.visible,xConfig:e.xConfig,yConfig:e.yConfig,className:e.className,viewAttrs:e.viewAttrs,viewClassName:"vxe-tabs-pane--scrollbar-item-view"+(t?" "+t:""),viewInnerClassName:"vxe-tabs-pane--scrollbar-item-inner"+(t?" "+e.viewInnerClassName:"")}}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,createEvent(a,{$tabs: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)},prev:function(){return this.handlePrevNext(!1)},next:function(){return this.handlePrevNext(!0)},prevTab:function(){return warnLog("vxe.error.delFunc",["prevTab","prev"]),this.prev()},nextTab:function(){return warnLog("vxe.error.delFunc",["nextTab","next"]),this.next()},handleFilterTab:function(e){e=e.permissionCode;return!(e&&!permission.checkVisible(e))},callSlot:function(e,t,a){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,a)):[]},checkScrolling:function(){var e,t,a,n,i,o=this.computeLrPosition,r=this.$refs.refHeadWrapperElem,s=this.$refs.refHeadPrevElem,l=this.$refs.refHeadNextElem;r&&(e=r.scrollLeft,t=r.scrollTop,a=r.clientWidth,n=r.clientHeight,i=r.scrollWidth,r=r.scrollHeight,s&&(0<(o?t:e)?(0,_dom.addClass):(0,_dom.removeClass))(s,"scrolling--middle"),l)&&((o?n<r-Math.ceil(t):a<i-Math.ceil(e))?(0,_dom.addClass):(0,_dom.removeClass))(l,"scrolling--middle")},updateTabStyle:function(){function e(){var e,t,a,n,i=g.activeName,o=v.computeTabType,r=v.computeTabOptions,s=v.computeTabStaticOptions,l=v.$refs.refHeadWrapperElem,c=v.computeLrPosition,u=0,f=0,d=0,p=0,m=0,h=0,b=!1;l&&(s=_xeUtils.default.findIndexOf(s.length?s:r,function(e){return e.name===i}),r=l.children,t=l.offsetWidth,e=l.scrollWidth,a=l.offsetHeight,n=l.scrollHeight,m=t-(t=l.clientWidth),h=a-(a=l.clientHeight),c?(b=n!==a,-1<s&&(l=r[s])&&(c=l.clientHeight,n=l.clientWidth,p="card"===o?(u=n,f=c,l.offsetTop):"border-card"===o?(u=n,f=c,l.offsetTop-1):(f=Math.max(4,Math.floor(.6*c)),l.offsetTop+Math.floor((c-f)/2)))):(b=e!==t,-1<s&&(a=r[s])&&(n=a.clientWidth,d="card"===o?(u=n+1,a.offsetLeft):"border-card"===o?(u=n,a.offsetLeft-1):(u=Math.max(4,Math.floor(.6*n)),a.offsetLeft+Math.floor((n-u)/2))))),g.scrollbarWidth=m,g.scrollbarHeight=h,g.lintLeft=d,g.lintTop=p,g.lintWidth=u,g.lintHeight=f,g.isTabOver=b,v.checkScrolling()}var v=this,g=v.reactData;e(),v.$nextTick(e)},addInitName:function(e,t){var a=this.reactData.initNames;return!(!e||a.includes(e)||(this.dispatchEvent("tab-load",{name:e},t),a.push(e),0))},initDefaultName:function(e){var a,n=this,t=n.reactData,i=null,o={};e&&e.length&&(a=!1,i=n.value,e.forEach(function(e){var e=e||{},t=e.name,e=e.preload;t&&(o["".concat(t)]={loading:!1},i===t&&(a=!0),e)&&n.addInitName(t,null)}),a||(i=e[0].name,n.addInitName(i,null),n.emitModel(i))),t.activeName=i,t.cacheTabMaps=o},clickEvent:function(t,a){var n=this,i=n.reactData,e=n.trigger,o=n.beforeChangeMethod||getConfig().tabs.beforeChangeMethod,r=i.activeName,s=a.name,l=s;n.dispatchEvent("tab-click",{name:s},t),"manual"!==e&&s!==r&&Promise.resolve(!o||o({$tabs:n,name:s,oldName:r,newName:s,option:a})).then(function(e){e?(i.activeName=s,n.emitModel(l),n.addInitName(s,t),n.dispatchEvent("change",{value:l,name:s,oldName:r,newName:s,option:a},t),n.dispatchEvent("tab-change",{value:l,name:s,oldName:r,newName:s,option:a},t)):n.dispatchEvent("tab-change-fail",{value:l,name:s,oldName:r,newName:s,option:a},t)}).catch(function(){n.dispatchEvent("tab-change-fail",{value:l,name:s,oldName:r,newName:s,option:a},t)})},handleRefreshTabEvent:function(e,t){var a=this.reactData,e=(e.stopPropagation(),a.activeName),a=a.cacheTabMaps,n=t.name,i=this.computeRefreshOpts.queryMethod,o=n?a["".concat(n)]:null;o&&!o.loading&&(i?(o.loading=!0,Promise.resolve(i({$tabs:this,value:e,name:n,option:t})).finally(function(){o.loading=!1})):errLog("vxe.error.notFunc",["refresh-config.queryMethod"]))},handleCloseTabEvent:function(t,e,a,n){var i=this,o=i,r=i.reactData,r=(t.stopPropagation(),r.activeName),o=i.computeCloseOpts.beforeMethod||o.beforeCloseMethod||getConfig().tabs.beforeCloseMethod,s=e.name,l=r,c=l;r===s&&(r=a<n.length-1?n[a+1]:n[a-1],c=r?r.name:null),Promise.resolve(!o||o({$tabs:i,value:l,name:s,nextName:c,option:e})).then(function(e){e?i.dispatchEvent("tab-close",{value:l,name:s,nextName:c},t):i.dispatchEvent("tab-close-fail",{value:l,name:s,nextName:c},t)}).catch(function(){i.dispatchEvent("tab-close-fail",{value:l,name:s,nextName:c},t)})},startScrollAnimation:function(s,e){var l=this,c=l.internalData,t=c.slTimeout,u=l.computeLrPosition,f=u?0:e,d=u?e:0,p=6,m=35,h=(t&&(clearTimeout(t),c.slTimeout=void 0),function(){var e,t,a,n,i,o,r=l.$refs.refHeadWrapperElem;0<p&&(p--,r)&&(e=r.clientWidth,t=r.clientHeight,a=r.scrollWidth,n=r.scrollHeight,i=r.scrollLeft,o=r.scrollTop,u?(d=Math.floor(d/2),0<s?t+o<n&&(r.scrollTop+=d,m-=4,c.slTimeout=setTimeout(h,m)):0<o&&(r.scrollTop-=d,m-=4,c.slTimeout=setTimeout(h,m))):(f=Math.floor(f/2),0<s?e+i<a&&(r.scrollLeft+=f,m-=4,c.slTimeout=setTimeout(h,m)):0<i&&(r.scrollLeft-=f,m-=4,c.slTimeout=setTimeout(h,m))),l.updateTabStyle())});h()},handleScrollToLeft:function(e){var t,a=this.computeLrPosition,n=this.$refs.refHeadWrapperElem;n&&(t=n.clientWidth,n=n.clientHeight,a=Math.floor(.75*(a?n:t)),this.startScrollAnimation(e,a))},scrollLeftEvent:function(){this.handleScrollToLeft(-1)},scrollRightEvent:function(){this.handleScrollToLeft(1)},scrollToTab:function(s){var l=this,c=l.computeTabOptions,u=l.computeTabStaticOptions,f=l.computeLrPosition;return l.$nextTick().then(function(){var e,t,a,n,i,o,r=l.$refs.refHeadWrapperElem;r&&(-1<(a=_xeUtils.default.findIndexOf(u.length?u:c,function(e){return e.name===s}))&&(e=r.scrollLeft,o=r.scrollTop,t=r.clientWidth,i=r.clientHeight,a=r.children[a])&&(f?(0<(i=(n=a.offsetTop)+a.clientHeight-(o+i))&&(r.scrollTop+=i),n<o&&(r.scrollTop=n)):(0<(o=(i=a.offsetLeft)+a.clientWidth-(e+t))&&(r.scrollLeft+=o),i<e&&(r.scrollLeft=i))),l.updateTabStyle())})},handlePrevNext:function(e){var t,a=this,n=a.reactData,i=n.activeName,o=a.computeTabStaticOptions,o=o.length?o:a.computeTabOptions,r=_xeUtils.default.findIndexOf(o,function(e){return e.name===i});return-1<r&&(t=null,e?r<o.length-1&&(t=o[r+1]):0<r&&(t=o[r-1]),t)&&(e=t.name,n.activeName=e,a.emitModel(e),a.addInitName(e,null)),a.$nextTick()},renderTabHeader:function(p,m){var h=this,e=h.$scopedSlots,t=h.reactData,b=h.titleWidth,v=h.titleAlign,g=h.showClose,T=h.closeConfig,y=h.refreshConfig,x=t.activeName,a=t.scrollbarWidth,n=t.scrollbarHeight,i=t.isTabOver,_=t.cacheTabMaps,S=h.computeTabType,E=h.computeTabPosition,t=h.computeLrPosition,o=h.computeLineStyle,r=e.tabPrefix||e["tab-prefix"]||e.prefix,e=e.tabSuffix||e["tab-suffix"]||e.suffix||e.extra,N=h.computeCloseOpts,C=N.visibleMethod,O=h.computeRefreshOpts,P=O.visibleMethod;return p("div",{key:"th",class:["vxe-tabs-header","type--".concat(S),"pos--".concat(E)]},[r?p("div",{class:["vxe-tabs-header--prefix","type--".concat(S),"pos--".concat(E)]},h.callSlot(r,{name:x},p)):renderEmptyElement(h),i?p("div",{ref:"refHeadPrevElem",class:["vxe-tabs-header--bar vxe-tabs-header--prev-bar","type--".concat(S),"pos--".concat(E)],on:{click:h.scrollLeftEvent}},[p("span",{class:t?getIcon().TABS_TAB_BUTTON_TOP:getIcon().TABS_TAB_BUTTON_LEFT})]):renderEmptyElement(h),p("div",{class:["vxe-tabs-header--wrapper","type--".concat(S),"pos--".concat(E)]},[p("div",{ref:"refHeadWrapperElem",class:"vxe-tabs-header--item-wrapper",style:t?{marginRight:"-".concat(a+scrollbarOffsetSize,"px"),paddingRight:"".concat(scrollbarOffsetSize,"px")}:{marginBottom:"-".concat(n+scrollbarOffsetSize,"px"),paddingBottom:"".concat(scrollbarOffsetSize,"px")},on:{scroll:h.checkScrolling}},m.map(function(t,a){var e=t.title,n=t.icon,i=t.name,o=t.slots||{},r=o.title||o.tab,s=o.titlePrefix||o["title-prefix"],o=o.titleSuffix||o["title-suffix"],l=t.titleWidth||b,c=t.titleAlign||v,u={$tabs:h,value:x,name:i,option:t},f=x===i,d=i?_["".concat(i)]:null,d=!!d&&d.loading;return p("div",{key:"".concat(i),class:["vxe-tabs-header--item","type--".concat(S),"pos--".concat(E),c?"align--".concat(c):"",{"is--active":f}],style:l?{width:(0,_dom.toCssUnit)(l)}:void 0,on:{click:function(e){h.clickEvent(e,t)}}},[p("div",{class:"vxe-tabs-header--item-inner"},[p("div",{class:"vxe-tabs-header--item-content"},[n?p("span",{class:"vxe-tabs-header--item-icon"},[p("i",{class:n})]):renderEmptyElement(h),s?p("span",{class:"vxe-tabs-header--item-prefix"},h.callSlot(s,{name:i,title:e},p)):renderEmptyElement(h),p("span",{class:"vxe-tabs-header--item-name"},r?h.callSlot(r,{name:i,title:e},p):"".concat(e)),o?p("span",{class:"vxe-tabs-header--item-suffix"},h.callSlot(o,{name:i,title:e},p)):renderEmptyElement(h)]),!(0,_utils.isEnableConf)(y)&&!O.enabled||P&&!P(u)?renderEmptyElement(h):p("div",{class:["vxe-tabs-header--refresh-btn",{"is--active":f,"is--loading":d,"is--disabled":d}],on:{click:function(e){h.handleRefreshTabEvent(e,t)}}},[p("i",{class:d?getIcon().TABS_TAB_REFRESH_LOADING:getIcon().TABS_TAB_REFRESH})]),!(g||(0,_utils.isEnableConf)(T)||N.enabled)||C&&!C(u)?renderEmptyElement(h):p("div",{class:["vxe-tabs-header--close-btn",{"is--active":f}],on:{click:function(e){h.handleCloseTabEvent(e,t,a,m)}}},[p("i",{class:getIcon().TABS_TAB_CLOSE})])])])}).concat([p("span",{key:"line",class:["vxe-tabs-header--active-line","type--".concat(S),"pos--".concat(E)],style:o})]))]),i?p("div",{ref:"refHeadNextElem",class:["vxe-tabs-header--bar vxe-tabs-header--next-bar","type--".concat(S),"pos--".concat(E)],on:{click:h.scrollRightEvent}},[p("span",{class:t?getIcon().TABS_TAB_BUTTON_BOTTOM:getIcon().TABS_TAB_BUTTON_RIGHT})]):renderEmptyElement(h),e?p("div",{class:["vxe-tabs-header--suffix","type--".concat(S),"pos--".concat(E)]},h.callSlot(e,{name:x},p)):renderEmptyElement(h)])},renderTabPane:function(e,t){var a=this,n=a.reactData,i=a.useScrollbar,o=n.initNames,n=n.activeName,r=t.name,t=t.slots,s=t?t.default:null,t=a.computeScrollbarProps;return r&&o.includes(r)?i?e(_scrollbar.default,{key:"".concat(r),class:["vxe-tabs-pane--scrollbar-item",{"is--visible":n===r}],props:t,scopedSlots:{default:function(){return s?a.callSlot(s,{name:r},e):[]}}}):e("div",{key:"".concat(r),class:["vxe-tabs-pane--item",{"is--visible":n===r}]},s?a.callSlot(s,{name:r},e):[]):renderEmptyElement(a)},renderTabContent:function(t,e){var a=this,n=a.reactData,i=a.destroyOnClose,o=n.activeName;return i?[(n=e.find(function(e){return e.name===o}))?a.renderTabPane(t,n):renderEmptyElement(a)]:e.map(function(e){return a.renderTabPane(t,e)})},rendetTabBody:function(e,t){var a=this,n=a.$scopedSlots,i=a.reactData,o=a.height,r=a.padding,s=a.showBody,l=i.activeName,c=a.computeSize,u=a.computeTabType,f=a.computeTabPosition,d=a.computeRefreshOpts.showLoading,p=n.header,n=n.footer;return s?(i=!!(i=l?i.cacheTabMaps["".concat(l)]:null)&&i.loading,l={name:l},e("div",{key:"tb",class:["vxe-tabs-pane--wrapper","type--".concat(u),"pos--".concat(f),{"is--content":s}]},[p?e("div",{class:"vxe-tabs-pane--header"},a.callSlot(p,l,e)):renderEmptyElement(a),e("div",{class:["vxe-tabs-pane--body","type--".concat(u),"pos--".concat(f),_defineProperty(_defineProperty(_defineProperty({},"size--".concat(c),c),"is--padding",r),"is--height",o)]},a.renderTabContent(e,t)),n?e("div",{class:"vxe-tabs-pane--footer"},a.callSlot(n,l,e)):renderEmptyElement(a),d&&i?renderEmptyElement(a):e(_loading.default,{class:"vxe-tabs--loading",props:{value:i}})])):renderEmptyElement(a)},renderVN:function(e){var t=this,a=t.$scopedSlots,n=t.height,i=t.padding,o=t.trigger,r=t.reactData.activeName,s=t.computeSize,l=t.computeTabType,c=t.computeTabPosition,u=t.computeWrapperStyle,a=a.default,f=a?t.computeTabStaticOptions:t.computeTabOptions,a=[e("div",{key:"ts",class:"vxe-tabs-slots"},a?a({name:r}):[])];return"right"===c||"bottom"===c?a.push(t.rendetTabBody(e,f),t.renderTabHeader(e,f)):a.push(t.renderTabHeader(e,f),t.rendetTabBody(e,f)),e("div",{ref:"refElem",class:["vxe-tabs","pos--".concat(c),"vxe-tabs--".concat(l),"trigger--".concat("manual"===o?"trigger":"default"),_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--padding",i),"is--height",n)],style:u},a)}},watch:{position:function(){this.reactData.resizeFlag++},value:function(e){var t=this.reactData;this.addInitName(e,null),t.activeName=e},"reactData.activeName":function(e){this.scrollToTab(e)},options:function(){var e=this.reactData;this.initDefaultName(this.options),e.resizeFlag++},"reactData.staticTabs":function(){var e=this.reactData;this.initDefaultName(e.staticTabs),e.resizeFlag++},computeParentTabsResizeFlag:function(){var e=this;e.$nextTick(function(){e.updateTabStyle()})}},created:function(){var e=this.reactData;this.addInitName(this.value,null),this.initDefaultName(e.staticTabs.length?e.staticTabs:this.options)},mounted:function(){this.updateTabStyle(),globalEvents.on(this,"resize",this.updateTabStyle)},beforeDestroy:function(){globalEvents.off(this,"resize")},render:function(e){return this.renderVN(e)}});