vxe-pc-ui 4.6.9 → 4.6.10

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

@@ -636,13 +636,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
       _ui.globalEvents.off($xeTableSelect, 'mousedown');
       _ui.globalEvents.off($xeTableSelect, 'blur');
     });
-    if (process.env.NODE_ENV === 'development') {
-      (0, _vue.nextTick)(() => {
-        if (!VxeTableGridComponent) {
-          (0, _log.errLog)('vxe.error.reqComp', ['vxe-grid']);
-        }
-      });
-    }
+    (0, _vue.nextTick)(() => {
+      if (!VxeTableGridComponent) {
+        (0, _log.errLog)('vxe.error.reqComp', ['vxe-grid']);
+      }
+    });
     (0, _vue.provide)('$xeTableSelect', $xeTableSelect);
     $xeTableSelect.renderVN = renderVN;
     return $xeTableSelect;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,exports.getRowUniqueId=getRowUniqueId;var _vue=require("vue"),_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 getRowUniqueId(){return _xeUtils.default.uniqueId("row_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableSelect",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_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,size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},popupConfig:Object,gridConfig:Object,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","blur","focus","click","form-submit","form-reset","form-collapse","page-change"],setup(h,e){const{emit:i,slots:C}=e,E=_ui.VxeUI.getComponent("VxeGrid"),t=(0,_vue.inject)("$xeModal",null),a=(0,_vue.inject)("$xeDrawer",null),u=(0,_vue.inject)("$xeTable",null),n=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();const N=(0,_ui.useSize)(h)["computeSize"],T=(0,_vue.ref)(),L=(0,_vue.ref)(),k=(0,_vue.ref)(),y=(0,_vue.ref)(),w=(0,_vue.ref)(),I=(0,_vue.reactive)({initialized:!1,tableColumns:[],fullOptionList:[],fullRowMaps:{},panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),r={},z={refElem:T},$=(0,_vue.computed)(()=>{var e=h["readonly"];return null===e?!!n&&n.props.readonly:e}),S=(0,_vue.computed)(()=>{var e=h["disabled"];return null===e?!!n&&n.props.disabled:e}),P=(0,_vue.computed)(()=>{var e=h["transfer"];if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(u||t||a||n)return!0}return e}),s=(0,_vue.computed)(()=>h.optionProps||{}),O=(0,_vue.computed)(()=>{var e=U.value;return Object.assign({},e.rowConfig,{isCurrent:!0})}),v=(0,_vue.computed)(()=>{return O.value.keyField||"_X_ROW_KEY"}),F=(0,_vue.computed)(()=>{return s.value.label||"label"}),c=(0,_vue.computed)(()=>{return s.value.value||"value"}),R=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.popupConfig,h.popupConfig)),U=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.gridConfig,h.gridConfig,{data:void 0,columns:void 0})),B=(0,_vue.computed)(()=>{var e=h["modelValue"];const t=I["fullRowMaps"],a=F.value;return(_xeUtils.default.isArray(e)?e:[e]).map(e=>{var l=t[e];return l?l.item[a]:e}).join(", ")}),M=(0,_vue.computed)(()=>{var{height:e,width:l}=R.value,t={};return l&&(t.width=(0,_dom.toCssUnit)(l)),e&&(t.height=(0,_dom.toCssUnit)(e)),t}),D={},q={xID:l,props:h,context:e,reactData:I,getRefMaps:()=>z,getComputeMaps:()=>D};const A={},d=(["form-submit","form-reset","form-collapse","page-change"].forEach(l=>{A[(0,_vn.getOnName)(_xeUtils.default.camelCase(l))]=e=>{d(l,e,e.$event)}}),(e,l,t)=>{i(e,(0,_ui.createEvent)(t,{$tableSelect:q},l))});l={dispatchEvent:d};const K=e=>{const l=I["fullRowMaps"],t=[];return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=l[e];e&&t.push(e.item)}),t},p=t=>{const a=h["multiple"];(0,_vue.nextTick)(()=>{var e,l=w.value;l&&(e=K(t)).length&&(a?l.setCheckboxRow(e,!0):l.setRadioRow(e[0]))})},_=e=>{var l=h["multiple"],t=[];t.push(l?{type:"checkbox",width:70}:{type:"radio",width:70}),I.tableColumns=t.concat(e||[])},m=()=>{var e=h["options"];const u=v.value,n=c.value;var l=U.value["treeConfig"];const o={},r={};l||_xeUtils.default.arrayEach(e||[],(e,l,t)=>{let a=(e=>{e=e[v.value];return e?encodeURIComponent(e):""})(e);a=a||getRowUniqueId(),r[a]&&(0,_log.errLog)("vxe.error.repeatKey",[u,a]),r[a]=!0;var i=e[n];o[i]&&(0,_log.errLog)("vxe.error.repeatKey",[n,i]),o[i]={item:e,index:l,items:t,parent:null,nodes:[]}}),I.fullOptionList=e||[],I.fullRowMaps=o,p(h.modelValue)},g=()=>{const t=h["placement"],a=I["panelIndex"],i=T.value,u=y.value,n=P.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,u,{placement:t,teleportTo:n}),l=Object.assign(e.style,{zIndex:a});I.panelStyle=l,I.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},f=()=>{var e=h["loading"],l=S.value;e||l||(r.vpTimeout&&clearTimeout(r.vpTimeout),r.hpTimeout&&clearTimeout(r.hpTimeout),I.initialized||(I.initialized=!0),I.isActivated=!0,I.isAniVisible=!0,r.vpTimeout=setTimeout(()=>{I.visiblePanel=!0,p(h.modelValue),r.vpTimeout=void 0},10),I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)()),g())},b=()=>{I.visiblePanel=!1,r.vpTimeout&&clearTimeout(r.vpTimeout),r.hpTimeout&&clearTimeout(r.hpTimeout),r.hpTimeout=setTimeout(()=>{I.isAniVisible=!1,r.hpTimeout=void 0},350)},x=(e,l)=>{var t,a=I["fullRowMaps"];t=l,i("update:modelValue",t),l!==h.modelValue&&(t=a[l],d("change",{value:l,row:t?t.item:null},e),n)&&o&&n.triggerItemEvent(e,o.itemConfig.field,l)},Z=(e,l)=>{x(e,l),d("clear",{value:l},e)},G=(e,l)=>{Z(l,null),b()},W=e=>{var l=I["visiblePanel"];S.value||l&&(l=y.value,((0,_dom.getEventTargetNode)(e,l).flag?g:b)())},X=e=>{var l,t,a=I["visiblePanel"];S.value||(l=T.value,t=y.value,I.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,t).flag,a&&!I.isActivated&&b())},Y=()=>{b()},H=e=>{S.value||I.visiblePanel||(I.triggerFocusPanel=!0,f(),setTimeout(()=>{I.triggerFocusPanel=!1},150)),d("focus",{},e)},J=e=>{j(e),d("click",{},e)},Q=e=>{I.isActivated=!1,d("blur",{},e)},j=e=>{e=e.$event;e.preventDefault(),I.triggerFocusPanel?I.triggerFocusPanel=!1:(I.visiblePanel?b:f)()},ee=e=>{var{$event:e,row:l}=e,l=l[c.value];x(e,l),b()},V=e=>{var{$grid:e,$event:l}=e;const t=c.value;e&&(e=e.getCheckboxRecords().map(e=>e[t]),x(l,e))},le=e=>{V(e)};Object.assign(q,l,{});return(0,_vue.watch)(()=>h.options,()=>{m()}),(0,_vue.watch)(()=>h.columns,e=>{_(e||[])}),(0,_vue.watch)(()=>h.modelValue,e=>{p(e)}),_(h.columns||[]),m(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(q,"mousewheel",W),_ui.globalEvents.on(q,"mousedown",X),_ui.globalEvents.on(q,"blur",Y)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(q,"mousewheel"),_ui.globalEvents.off(q,"mousedown"),_ui.globalEvents.off(q,"blur")}),"development"===process.env.NODE_ENV&&(0,_vue.nextTick)(()=>{E||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),(0,_vue.provide)("$xeTableSelect",q),q.renderVN=()=>{var{className:e,options:l,loading:t}=h,{initialized:a,isActivated:i,isAniVisible:u,visiblePanel:n,tableColumns:o}=I,r=N.value,s=S.value,v=B.value,c=P.value,d=$.value,p=R.value["className"],_=U.value,m=O.value,g=M.value,f=C.header,b=C.footer;const x=C.prefix;return d?(0,_vue.h)("div",{ref:T,class:["vxe-table-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-table-select-label"},v)]):(0,_vue.h)("div",{ref:T,class:["vxe-table-select",e?_xeUtils.default.isFunction(e)?e({$tableSelect:q}):e:"",{["size--"+r]:r,"is--visible":n,"is--disabled":s,"is--loading":t,"is--active":i}]},[(0,_vue.h)(_input.default,{ref:L,clearable:h.clearable,placeholder:t?(0,_ui.getI18n)("vxe.select.loadingText"):h.placeholder,readonly:!0,disabled:s,type:"text",prefixIcon:h.prefixIcon,suffixIcon:t?(0,_ui.getIcon)().TABLE_SELECT_LOADED:n?(0,_ui.getIcon)().TABLE_SELECT_OPEN:(0,_ui.getIcon)().TABLE_SELECT_CLOSE,modelValue:t?"":v,onClear:G,onClick:J,onFocus:H,onBlur:Q,onSuffixClick:j},x?{prefix:()=>x({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!c||!a},[(0,_vue.h)("div",{ref:y,class:["vxe-table--ignore-clear vxe-table-select--panel",p?_xeUtils.default.isFunction(p)?p({$tableSelect:q}):p:"",{["size--"+r]:r,"is--transfer":c,"ani--leave":!t&&u,"ani--enter":!t&&n}],placement:I.panelPlacement,style:I.panelStyle},a?[(0,_vue.h)("div",{class:"vxe-table-select--panel-wrapper"},[f?(0,_vue.h)("div",{class:"vxe-table-select--panel-header"},f({})):(0,_ui.renderEmptyElement)(q),(0,_vue.h)("div",{class:"vxe-table-select--panel-body"},[(0,_vue.h)("div",{ref:k,class:"vxe-table-select-grid--wrapper",style:g},[E?(0,_vue.h)(E,Object.assign(Object.assign(Object.assign({},_),A),{class:"vxe-table-select--grid",ref:w,rowConfig:m,data:l,columns:o,height:"100%",autoResize:!0,onRadioChange:ee,onCheckboxChange:V,onCheckboxAll:le}),Object.assign({},C,{header:void 0,footer:void 0,prefixSlot:void 0})):(0,_ui.renderEmptyElement)(q)])]),b?(0,_vue.h)("div",{class:"vxe-table-select--panel-footer"},b({})):(0,_ui.renderEmptyElement)(q)])]:[])])])},q},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,exports.getRowUniqueId=getRowUniqueId;var _vue=require("vue"),_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 getRowUniqueId(){return _xeUtils.default.uniqueId("row_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableSelect",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_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,size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},popupConfig:Object,gridConfig:Object,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","blur","focus","click","form-submit","form-reset","form-collapse","page-change"],setup(h,e){const{emit:i,slots:C}=e,T=_ui.VxeUI.getComponent("VxeGrid"),t=(0,_vue.inject)("$xeModal",null),a=(0,_vue.inject)("$xeDrawer",null),u=(0,_vue.inject)("$xeTable",null),n=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();const L=(0,_ui.useSize)(h)["computeSize"],E=(0,_vue.ref)(),k=(0,_vue.ref)(),z=(0,_vue.ref)(),y=(0,_vue.ref)(),w=(0,_vue.ref)(),I=(0,_vue.reactive)({initialized:!1,tableColumns:[],fullOptionList:[],fullRowMaps:{},panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),r={},N={refElem:E},$=(0,_vue.computed)(()=>{var e=h["readonly"];return null===e?!!n&&n.props.readonly:e}),S=(0,_vue.computed)(()=>{var e=h["disabled"];return null===e?!!n&&n.props.disabled:e}),P=(0,_vue.computed)(()=>{var e=h["transfer"];if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(u||t||a||n)return!0}return e}),s=(0,_vue.computed)(()=>h.optionProps||{}),R=(0,_vue.computed)(()=>{var e=q.value;return Object.assign({},e.rowConfig,{isCurrent:!0})}),v=(0,_vue.computed)(()=>{return R.value.keyField||"_X_ROW_KEY"}),F=(0,_vue.computed)(()=>{return s.value.label||"label"}),c=(0,_vue.computed)(()=>{return s.value.value||"value"}),U=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.popupConfig,h.popupConfig)),q=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.gridConfig,h.gridConfig,{data:void 0,columns:void 0})),B=(0,_vue.computed)(()=>{var e=h["modelValue"];const t=I["fullRowMaps"],a=F.value;return(_xeUtils.default.isArray(e)?e:[e]).map(e=>{var l=t[e];return l?l.item[a]:e}).join(", ")}),M=(0,_vue.computed)(()=>{var{height:e,width:l}=U.value,t={};return l&&(t.width=(0,_dom.toCssUnit)(l)),e&&(t.height=(0,_dom.toCssUnit)(e)),t}),D={},A={xID:l,props:h,context:e,reactData:I,getRefMaps:()=>N,getComputeMaps:()=>D};const O={},d=(["form-submit","form-reset","form-collapse","page-change"].forEach(l=>{O[(0,_vn.getOnName)(_xeUtils.default.camelCase(l))]=e=>{d(l,e,e.$event)}}),(e,l,t)=>{i(e,(0,_ui.createEvent)(t,{$tableSelect:A},l))});l={dispatchEvent:d};const K=e=>{const l=I["fullRowMaps"],t=[];return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=l[e];e&&t.push(e.item)}),t},p=t=>{const a=h["multiple"];(0,_vue.nextTick)(()=>{var e,l=w.value;l&&(e=K(t)).length&&(a?l.setCheckboxRow(e,!0):l.setRadioRow(e[0]))})},_=e=>{var l=h["multiple"],t=[];t.push(l?{type:"checkbox",width:70}:{type:"radio",width:70}),I.tableColumns=t.concat(e||[])},m=()=>{var e=h["options"];const u=v.value,n=c.value;var l=q.value["treeConfig"];const o={},r={};l||_xeUtils.default.arrayEach(e||[],(e,l,t)=>{let a=(e=>{e=e[v.value];return e?encodeURIComponent(e):""})(e);a=a||getRowUniqueId(),r[a]&&(0,_log.errLog)("vxe.error.repeatKey",[u,a]),r[a]=!0;var i=e[n];o[i]&&(0,_log.errLog)("vxe.error.repeatKey",[n,i]),o[i]={item:e,index:l,items:t,parent:null,nodes:[]}}),I.fullOptionList=e||[],I.fullRowMaps=o,p(h.modelValue)},g=()=>{const t=h["placement"],a=I["panelIndex"],i=E.value,u=y.value,n=P.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,u,{placement:t,teleportTo:n}),l=Object.assign(e.style,{zIndex:a});I.panelStyle=l,I.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},f=()=>{var e=h["loading"],l=S.value;e||l||(r.vpTimeout&&clearTimeout(r.vpTimeout),r.hpTimeout&&clearTimeout(r.hpTimeout),I.initialized||(I.initialized=!0),I.isActivated=!0,I.isAniVisible=!0,r.vpTimeout=setTimeout(()=>{I.visiblePanel=!0,p(h.modelValue),r.vpTimeout=void 0},10),I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)()),g())},b=()=>{I.visiblePanel=!1,r.vpTimeout&&clearTimeout(r.vpTimeout),r.hpTimeout&&clearTimeout(r.hpTimeout),r.hpTimeout=setTimeout(()=>{I.isAniVisible=!1,r.hpTimeout=void 0},350)},x=(e,l)=>{var t,a=I["fullRowMaps"];t=l,i("update:modelValue",t),l!==h.modelValue&&(t=a[l],d("change",{value:l,row:t?t.item:null},e),n)&&o&&n.triggerItemEvent(e,o.itemConfig.field,l)},Z=(e,l)=>{x(e,l),d("clear",{value:l},e)},G=(e,l)=>{Z(l,null),b()},W=e=>{var l=I["visiblePanel"];S.value||l&&(l=y.value,((0,_dom.getEventTargetNode)(e,l).flag?g:b)())},X=e=>{var l,t,a=I["visiblePanel"];S.value||(l=E.value,t=y.value,I.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,t).flag,a&&!I.isActivated&&b())},Y=()=>{b()},H=e=>{S.value||I.visiblePanel||(I.triggerFocusPanel=!0,f(),setTimeout(()=>{I.triggerFocusPanel=!1},150)),d("focus",{},e)},J=e=>{j(e),d("click",{},e)},Q=e=>{I.isActivated=!1,d("blur",{},e)},j=e=>{e=e.$event;e.preventDefault(),I.triggerFocusPanel?I.triggerFocusPanel=!1:(I.visiblePanel?b:f)()},ee=e=>{var{$event:e,row:l}=e,l=l[c.value];x(e,l),b()},V=e=>{var{$grid:e,$event:l}=e;const t=c.value;e&&(e=e.getCheckboxRecords().map(e=>e[t]),x(l,e))},le=e=>{V(e)};Object.assign(A,l,{});return(0,_vue.watch)(()=>h.options,()=>{m()}),(0,_vue.watch)(()=>h.columns,e=>{_(e||[])}),(0,_vue.watch)(()=>h.modelValue,e=>{p(e)}),_(h.columns||[]),m(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(A,"mousewheel",W),_ui.globalEvents.on(A,"mousedown",X),_ui.globalEvents.on(A,"blur",Y)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(A,"mousewheel"),_ui.globalEvents.off(A,"mousedown"),_ui.globalEvents.off(A,"blur")}),(0,_vue.nextTick)(()=>{T||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),(0,_vue.provide)("$xeTableSelect",A),A.renderVN=()=>{var{className:e,options:l,loading:t}=h,{initialized:a,isActivated:i,isAniVisible:u,visiblePanel:n,tableColumns:o}=I,r=L.value,s=S.value,v=B.value,c=P.value,d=$.value,p=U.value["className"],_=q.value,m=R.value,g=M.value,f=C.header,b=C.footer;const x=C.prefix;return d?(0,_vue.h)("div",{ref:E,class:["vxe-table-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-table-select-label"},v)]):(0,_vue.h)("div",{ref:E,class:["vxe-table-select",e?_xeUtils.default.isFunction(e)?e({$tableSelect:A}):e:"",{["size--"+r]:r,"is--visible":n,"is--disabled":s,"is--loading":t,"is--active":i}]},[(0,_vue.h)(_input.default,{ref:k,clearable:h.clearable,placeholder:t?(0,_ui.getI18n)("vxe.select.loadingText"):h.placeholder,readonly:!0,disabled:s,type:"text",prefixIcon:h.prefixIcon,suffixIcon:t?(0,_ui.getIcon)().TABLE_SELECT_LOADED:n?(0,_ui.getIcon)().TABLE_SELECT_OPEN:(0,_ui.getIcon)().TABLE_SELECT_CLOSE,modelValue:t?"":v,onClear:G,onClick:J,onFocus:H,onBlur:Q,onSuffixClick:j},x?{prefix:()=>x({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!c||!a},[(0,_vue.h)("div",{ref:y,class:["vxe-table--ignore-clear vxe-table-select--panel",p?_xeUtils.default.isFunction(p)?p({$tableSelect:A}):p:"",{["size--"+r]:r,"is--transfer":c,"ani--leave":!t&&u,"ani--enter":!t&&n}],placement:I.panelPlacement,style:I.panelStyle},a?[(0,_vue.h)("div",{class:"vxe-table-select--panel-wrapper"},[f?(0,_vue.h)("div",{class:"vxe-table-select--panel-header"},f({})):(0,_ui.renderEmptyElement)(A),(0,_vue.h)("div",{class:"vxe-table-select--panel-body"},[(0,_vue.h)("div",{ref:z,class:"vxe-table-select-grid--wrapper",style:g},[T?(0,_vue.h)(T,Object.assign(Object.assign(Object.assign({},_),O),{class:"vxe-table-select--grid",ref:w,rowConfig:m,data:l,columns:o,height:"100%",autoResize:!0,onRadioChange:ee,onCheckboxChange:V,onCheckboxAll:le}),Object.assign({},C,{header:void 0,footer:void 0,prefixSlot:void 0})):(0,_ui.renderEmptyElement)(A)])]),b?(0,_vue.h)("div",{class:"vxe-table-select--panel-footer"},b({})):(0,_ui.renderEmptyElement)(A)])]:[])])])},A},render(){return this.renderVN()}});

package/lib/tabs/src/tabs.js

@@ -466,15 +466,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
         return handlePrevNext(true);
       },
       prevTab() {
-        if (process.env.NODE_ENV === 'development') {
-          (0, _log.warnLog)('vxe.error.delFunc', ['prevTab', 'prev']);
-        }
+        (0, _log.warnLog)('vxe.error.delFunc', ['prevTab', 'prev']);
         return tabsMethods.prev();
       },
       nextTab() {
-        if (process.env.NODE_ENV === 'development') {
-          (0, _log.warnLog)('vxe.error.delFunc', ['nextTab', 'next']);
-        }
+        (0, _log.warnLog)('vxe.error.delFunc', ['nextTab', 'next']);
         return tabsMethods.next();
       }
     };

package/lib/tabs/src/tabs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTabs",props:{modelValue:[String,Number,Boolean],options:Array,height:[String,Number],destroyOnClose:Boolean,titleWidth:[String,Number],titleAlign:[String,Number],type:String,showClose:Boolean,padding:{type:Boolean,default:()=>(0,_ui.getConfig)().tabs.padding},trigger:String,beforeChangeMethod:Function,closeConfig:Object,refreshConfig:Object,beforeCloseMethod:Function},emits:["update:modelValue","change","tab-change","tab-change-fail","tab-close","tab-close-fail","tab-click","tab-load"],setup(u,e){const{slots:o,emit:r}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.inject)("$xeTabs",null),v=(0,_vue.ref)(),C=(0,_vue.ref)(),E=(0,_vue.reactive)({staticTabs:[],activeName:null,initNames:[],lintLeft:0,lintWidth:0,isTabOver:!1,resizeFlag:1,cacheTabMaps:{}}),c={slTimeout:void 0},l={refElem:v},y=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tabs.closeConfig,u.closeConfig)),M=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tabs.refreshConfig,u.refreshConfig)),d=(0,_vue.computed)(()=>{var e=u["options"];return(e||[]).filter(e=>i(e))}),h=(0,_vue.computed)(()=>{var e=E["staticTabs"];return e.filter(e=>i(e))}),n={},w={xID:t,props:u,context:e,reactData:E,getRefMaps:()=>l,getComputeMaps:()=>n},i=e=>{e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},O=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=o[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],m=()=>{(0,_vue.nextTick)(()=>{var e=u["type"];const t=E["activeName"];var a,l=d.value,n=h.value,i=C.value;let s=0,r=0,o=!1;i&&(n=_xeUtils.default.findIndexOf(n.length?n:l,e=>e.name===t),{children:l,scrollWidth:i,clientWidth:a}=i,o=i!==a,-1<n)&&(a=(i=l[n]).clientWidth,e?"card"===e?(s=a+2,r=i.offsetLeft):"border-card"===e&&(s=a+2,r=i.offsetLeft-1):(s=Math.max(4,Math.floor(.6*a)),r=i.offsetLeft+Math.floor((a-s)/2))),E.lintLeft=r,E.lintWidth=s,E.isTabOver=o})},_=(e,t,a)=>{r(e,(0,_ui.createEvent)(a,{$tabs:w},t))},f=(e,t)=>{var a=E["initNames"];return!(!e||a.includes(e)||(_("tab-load",{name:e},t),a.push(e),0))},s=e=>{let l=null;const n={};if(e&&e.length){let a=!1;l=u.modelValue,e.forEach(e=>{var{name:e,preload:t}=e||{};e&&(n[""+e]={loading:!1},l===e&&(a=!0),t)&&f(e,null)}),a||(l=e[0].name,f(l,null),r("update:modelValue",l))}E.activeName=l,E.cacheTabMaps=n},L=(t,a)=>{var e=u["trigger"],l=u.beforeChangeMethod||(0,_ui.getConfig)().tabs.beforeChangeMethod;const n=E["activeName"],i=a["name"],s=i;_("tab-click",{name:i},t),"manual"!==e&&i!==n&&Promise.resolve(!l||l({$tabs:w,name:i,oldName:n,newName:i,option:a})).then(e=>{e?(E.activeName=i,r("update:modelValue",s),f(i,t),_("change",{value:s,name:i,oldName:n,newName:i,option:a},t),_("tab-change",{value:s,name:i,oldName:n,newName:i,option:a},t)):_("tab-change-fail",{value:s,name:i,oldName:n,newName:i,option:a},t)}).catch(()=>{_("tab-change-fail",{value:s,name:i,oldName:n,newName:i,option:a},t)})},S=(e,t)=>{e.stopPropagation();var{activeName:e,cacheTabMaps:a}=E,l=t["name"],n=M.value["queryMethod"];const i=l?a[""+l]:null;i&&(n?(i.loading=!0,Promise.resolve(n({$tabs:w,value:e,name:l,option:t})).finally(()=>{i.loading=!1})):(0,_log.errLog)("vxe.error.notFunc",["refresh-config.queryMethod"]))},k=(t,e,a,l)=>{t.stopPropagation();var n=E["activeName"],i=y.value.beforeMethod||u.beforeCloseMethod||(0,_ui.getConfig)().tabs.beforeCloseMethod;const s=e["name"],r=n;let o=r;n===s&&(n=a<l.length-1?l[a+1]:l[a-1],o=n?n.name:null),Promise.resolve(!i||i({$tabs:w,value:r,name:s,nextName:o,option:e})).then(e=>{e?_("tab-close",{value:r,name:s,nextName:o},t):_("tab-close-fail",{value:r,name:s,nextName:o},t)}).catch(()=>{_("tab-close-fail",{value:r,name:s,nextName:o},t)})},b=e=>{var t=C.value;if(t){t=Math.floor(.75*t.clientWidth);{var r=e,e=t,t=c["slTimeout"];let n=e,i=6,s=35;t&&(clearTimeout(t),c.slTimeout=void 0);const o=()=>{var e,t,a,l=C.value;0<i&&(i--,l)&&({clientWidth:e,scrollWidth:t,scrollLeft:a}=l,n=Math.floor(n/2),0<r?e+a<t&&(l.scrollLeft+=n,s-=4,c.slTimeout=setTimeout(o,s)):0<a&&(l.scrollLeft-=n,s-=4,c.slTimeout=setTimeout(o,s)),m())};o()}}},B=()=>{b(-1)},V=()=>{b(1)},g=i=>{const s=d.value,r=h.value;return(0,_vue.nextTick)().then(()=>{var e,t,a,l,n=C.value;n&&(-1<(a=_xeUtils.default.findIndexOf(r.length?r:s,e=>e.name===i))&&({scrollLeft:e,clientWidth:t,children:l}=n,l=l[a])&&(0<(l=(a=l.offsetLeft)+l.clientWidth-(e+t))&&(n.scrollLeft+=l),a<e)&&(n.scrollLeft=a),m())})},p=t=>{const a=E["activeName"];var l=d.value,n=h.value,n=n.length?n:l,l=_xeUtils.default.findIndexOf(n,e=>e.name===a);if(-1<l){let e=null;t?l<n.length-1&&(e=n[l+1]):0<l&&(e=n[l-1]),e&&(n=t=e.name,E.activeName=t,r("update:modelValue",n),f(t,null))}return(0,_vue.nextTick)()},x={dispatchEvent:_,scrollToTab:g,prev(){return p(!1)},next(){return p(!0)},prevTab(){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["prevTab","prev"]),x.prev()},nextTab(){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["nextTab","next"]),x.next()}};Object.assign(w,x,{});const T=e=>{var{initNames:t,activeName:a}=E,{name:e,slots:l}=e,l=l?l.default:null;return e&&t.includes(e)?(0,_vue.h)("div",{key:""+e,class:["vxe-tabs-pane--item",{"is--visible":a===e,"has--content":!!l}]},l?O(l,{name:e}):[]):(0,_ui.renderEmptyElement)(w)};(0,_vue.watch)(()=>u.modelValue,e=>{f(e,null),E.activeName=e}),(0,_vue.watch)(()=>E.activeName,e=>{g(e),(0,_vue.nextTick)(()=>{E.resizeFlag++})});const N=(0,_vue.ref)(0),A=((0,_vue.watch)(()=>u.options?u.options.length:-1,()=>{N.value++}),(0,_vue.watch)(()=>u.options,()=>{N.value++}),(0,_vue.watch)(N,()=>{s(u.options),m()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>E.staticTabs?E.staticTabs.length:-1,()=>{A.value++}),(0,_vue.watch)(()=>E.staticTabs,()=>{A.value++}),(0,_vue.watch)(A,()=>{s(E.staticTabs),m()}),a&&(0,_vue.watch)(()=>a?a.reactData.resizeFlag:null,()=>{E.resizeFlag++}),(0,_vue.watch)(()=>E.resizeFlag,()=>{(0,_vue.nextTick)(()=>{m()})}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(w,"resize",m),m()}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(w,"resize")}),(0,_vue.provide)("$xeTabs",w),f(u.modelValue,null),s(E.staticTabs.length?E.staticTabs:u.options),w.renderVN=()=>{var{type:e,height:t,padding:a,trigger:l}=u,n=d.value,i=h.value,s=o.default,r=o.footer,i=s?i:n;return(0,_vue.h)("div",{ref:v,class:["vxe-tabs","vxe-tabs--"+(e||"default"),"trigger--"+("manual"===l?"trigger":"default"),{"is--padding":a,"is--height":t}],style:t?{height:(0,_dom.toCssUnit)(t)}:null},[(0,_vue.h)("div",{class:"vxe-tabs-slots"},s?s({}):[]),(c=>{const{type:e,titleWidth:d,titleAlign:h,showClose:m,closeConfig:_,refreshConfig:f}=u,{activeName:b,lintLeft:t,lintWidth:a,isTabOver:l,cacheTabMaps:g}=E;var n=o.extra;const p=y.value,x=p.visibleMethod,T=M.value,N=T.visibleMethod;return(0,_vue.h)("div",{class:"vxe-tabs-header"},[l?(0,_vue.h)("div",{class:"vxe-tabs-header--bar vxe-tabs-header--left-bar",onClick:B},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_LEFT})]):(0,_ui.renderEmptyElement)(w),(0,_vue.h)("div",{class:"vxe-tabs-header--wrapper"},[(0,_vue.h)("div",{ref:C,class:"vxe-tabs-header--item-wrapper"},c.map((t,a)=>{var{title:e,titleWidth:l,titleAlign:n,icon:i,name:s,slots:r}=t,r=r?r.title||r.tab:null,l=l||d,n=n||h,o={$tabs:w,value:b,name:s,option:t},u=b===s,v=s?g[""+s]:null,v=!!v&&v.loading;return(0,_vue.h)("div",{key:""+s,class:["vxe-tabs-header--item",n?"align--"+n:"",{"is--active":u}],style:l?{width:(0,_dom.toCssUnit)(l)}:null,onClick(e){L(e,t)}},[(0,_vue.h)("div",{class:"vxe-tabs-header--item-inner"},[(0,_vue.h)("div",{class:"vxe-tabs-header--item-content"},[i?(0,_vue.h)("span",{class:"vxe-tabs-header--item-icon"},[(0,_vue.h)("i",{class:i})]):(0,_ui.renderEmptyElement)(w),(0,_vue.h)("span",{class:"vxe-tabs-header--item-name"},r?O(r,{name:s,title:e}):""+e)]),((0,_utils.isEnableConf)(f)||T.enabled)&&(N?N(o):u)?(0,_vue.h)("div",{class:"vxe-tabs-header--refresh-btn",onClick(e){S(e,t)}},[(0,_vue.h)("i",{class:v?(0,_ui.getIcon)().TABS_TAB_REFRESH_LOADING:(0,_ui.getIcon)().TABS_TAB_REFRESH})]):(0,_ui.renderEmptyElement)(w),!(m||(0,_utils.isEnableConf)(_)||p.enabled)||x&&!x(o)?(0,_ui.renderEmptyElement)(w):(0,_vue.h)("div",{class:"vxe-tabs-header--close-btn",onClick(e){k(e,t,a,c)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().TABS_TAB_CLOSE})])])])}).concat([(0,_vue.h)("span",{key:"line",class:"vxe-tabs-header--active-line type--"+(e||"default"),style:{left:t+"px",width:a+"px"}})]))]),l?(0,_vue.h)("div",{class:"vxe-tabs-header--bar vxe-tabs-header--right-bar",onClick:V},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_RIGHT})]):(0,_ui.renderEmptyElement)(w),n?(0,_vue.h)("div",{class:"vxe-tabs-header--extra"},(0,_vn.getSlotVNs)(n({}))):(0,_ui.renderEmptyElement)(w)])})(i),(0,_vue.h)("div",{class:"vxe-tabs-pane"},(e=>{var t=u["destroyOnClose"];const a=E["activeName"];var l=e.find(e=>e.name===a);return t?[l?T(l):(0,_ui.renderEmptyElement)(w)]:e.map(e=>T(e))})(i)),r?(0,_vue.h)("div",{class:"vxe-tabs-footer"},O(r,{})):(0,_ui.renderEmptyElement)(w)])},w},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTabs",props:{modelValue:[String,Number,Boolean],options:Array,height:[String,Number],destroyOnClose:Boolean,titleWidth:[String,Number],titleAlign:[String,Number],type:String,showClose:Boolean,padding:{type:Boolean,default:()=>(0,_ui.getConfig)().tabs.padding},trigger:String,beforeChangeMethod:Function,closeConfig:Object,refreshConfig:Object,beforeCloseMethod:Function},emits:["update:modelValue","change","tab-change","tab-change-fail","tab-close","tab-close-fail","tab-click","tab-load"],setup(u,e){const{slots:o,emit:r}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.inject)("$xeTabs",null),v=(0,_vue.ref)(),C=(0,_vue.ref)(),E=(0,_vue.reactive)({staticTabs:[],activeName:null,initNames:[],lintLeft:0,lintWidth:0,isTabOver:!1,resizeFlag:1,cacheTabMaps:{}}),c={slTimeout:void 0},l={refElem:v},y=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tabs.closeConfig,u.closeConfig)),M=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tabs.refreshConfig,u.refreshConfig)),d=(0,_vue.computed)(()=>{var e=u["options"];return(e||[]).filter(e=>i(e))}),h=(0,_vue.computed)(()=>{var e=E["staticTabs"];return e.filter(e=>i(e))}),n={},w={xID:t,props:u,context:e,reactData:E,getRefMaps:()=>l,getComputeMaps:()=>n},i=e=>{e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},L=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=o[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],m=()=>{(0,_vue.nextTick)(()=>{var e=u["type"];const t=E["activeName"];var a,l=d.value,n=h.value,i=C.value;let s=0,r=0,o=!1;i&&(n=_xeUtils.default.findIndexOf(n.length?n:l,e=>e.name===t),{children:l,scrollWidth:i,clientWidth:a}=i,o=i!==a,-1<n)&&(a=(i=l[n]).clientWidth,e?"card"===e?(s=a+2,r=i.offsetLeft):"border-card"===e&&(s=a+2,r=i.offsetLeft-1):(s=Math.max(4,Math.floor(.6*a)),r=i.offsetLeft+Math.floor((a-s)/2))),E.lintLeft=r,E.lintWidth=s,E.isTabOver=o})},_=(e,t,a)=>{r(e,(0,_ui.createEvent)(a,{$tabs:w},t))},f=(e,t)=>{var a=E["initNames"];return!(!e||a.includes(e)||(_("tab-load",{name:e},t),a.push(e),0))},s=e=>{let l=null;const n={};if(e&&e.length){let a=!1;l=u.modelValue,e.forEach(e=>{var{name:e,preload:t}=e||{};e&&(n[""+e]={loading:!1},l===e&&(a=!0),t)&&f(e,null)}),a||(l=e[0].name,f(l,null),r("update:modelValue",l))}E.activeName=l,E.cacheTabMaps=n},O=(t,a)=>{var e=u["trigger"],l=u.beforeChangeMethod||(0,_ui.getConfig)().tabs.beforeChangeMethod;const n=E["activeName"],i=a["name"],s=i;_("tab-click",{name:i},t),"manual"!==e&&i!==n&&Promise.resolve(!l||l({$tabs:w,name:i,oldName:n,newName:i,option:a})).then(e=>{e?(E.activeName=i,r("update:modelValue",s),f(i,t),_("change",{value:s,name:i,oldName:n,newName:i,option:a},t),_("tab-change",{value:s,name:i,oldName:n,newName:i,option:a},t)):_("tab-change-fail",{value:s,name:i,oldName:n,newName:i,option:a},t)}).catch(()=>{_("tab-change-fail",{value:s,name:i,oldName:n,newName:i,option:a},t)})},S=(e,t)=>{e.stopPropagation();var{activeName:e,cacheTabMaps:a}=E,l=t["name"],n=M.value["queryMethod"];const i=l?a[""+l]:null;i&&(n?(i.loading=!0,Promise.resolve(n({$tabs:w,value:e,name:l,option:t})).finally(()=>{i.loading=!1})):(0,_log.errLog)("vxe.error.notFunc",["refresh-config.queryMethod"]))},k=(t,e,a,l)=>{t.stopPropagation();var n=E["activeName"],i=y.value.beforeMethod||u.beforeCloseMethod||(0,_ui.getConfig)().tabs.beforeCloseMethod;const s=e["name"],r=n;let o=r;n===s&&(n=a<l.length-1?l[a+1]:l[a-1],o=n?n.name:null),Promise.resolve(!i||i({$tabs:w,value:r,name:s,nextName:o,option:e})).then(e=>{e?_("tab-close",{value:r,name:s,nextName:o},t):_("tab-close-fail",{value:r,name:s,nextName:o},t)}).catch(()=>{_("tab-close-fail",{value:r,name:s,nextName:o},t)})},b=e=>{var t=C.value;if(t){t=Math.floor(.75*t.clientWidth);{var r=e,e=t,t=c["slTimeout"];let n=e,i=6,s=35;t&&(clearTimeout(t),c.slTimeout=void 0);const o=()=>{var e,t,a,l=C.value;0<i&&(i--,l)&&({clientWidth:e,scrollWidth:t,scrollLeft:a}=l,n=Math.floor(n/2),0<r?e+a<t&&(l.scrollLeft+=n,s-=4,c.slTimeout=setTimeout(o,s)):0<a&&(l.scrollLeft-=n,s-=4,c.slTimeout=setTimeout(o,s)),m())};o()}}},B=()=>{b(-1)},A=()=>{b(1)},g=i=>{const s=d.value,r=h.value;return(0,_vue.nextTick)().then(()=>{var e,t,a,l,n=C.value;n&&(-1<(a=_xeUtils.default.findIndexOf(r.length?r:s,e=>e.name===i))&&({scrollLeft:e,clientWidth:t,children:l}=n,l=l[a])&&(0<(l=(a=l.offsetLeft)+l.clientWidth-(e+t))&&(n.scrollLeft+=l),a<e)&&(n.scrollLeft=a),m())})},p=t=>{const a=E["activeName"];var l=d.value,n=h.value,n=n.length?n:l,l=_xeUtils.default.findIndexOf(n,e=>e.name===a);if(-1<l){let e=null;t?l<n.length-1&&(e=n[l+1]):0<l&&(e=n[l-1]),e&&(n=t=e.name,E.activeName=t,r("update:modelValue",n),f(t,null))}return(0,_vue.nextTick)()},x={dispatchEvent:_,scrollToTab:g,prev(){return p(!1)},next(){return p(!0)},prevTab(){return(0,_log.warnLog)("vxe.error.delFunc",["prevTab","prev"]),x.prev()},nextTab(){return(0,_log.warnLog)("vxe.error.delFunc",["nextTab","next"]),x.next()}};Object.assign(w,x,{});const T=e=>{var{initNames:t,activeName:a}=E,{name:e,slots:l}=e,l=l?l.default:null;return e&&t.includes(e)?(0,_vue.h)("div",{key:""+e,class:["vxe-tabs-pane--item",{"is--visible":a===e,"has--content":!!l}]},l?L(l,{name:e}):[]):(0,_ui.renderEmptyElement)(w)};(0,_vue.watch)(()=>u.modelValue,e=>{f(e,null),E.activeName=e}),(0,_vue.watch)(()=>E.activeName,e=>{g(e),(0,_vue.nextTick)(()=>{E.resizeFlag++})});const N=(0,_vue.ref)(0),F=((0,_vue.watch)(()=>u.options?u.options.length:-1,()=>{N.value++}),(0,_vue.watch)(()=>u.options,()=>{N.value++}),(0,_vue.watch)(N,()=>{s(u.options),m()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>E.staticTabs?E.staticTabs.length:-1,()=>{F.value++}),(0,_vue.watch)(()=>E.staticTabs,()=>{F.value++}),(0,_vue.watch)(F,()=>{s(E.staticTabs),m()}),a&&(0,_vue.watch)(()=>a?a.reactData.resizeFlag:null,()=>{E.resizeFlag++}),(0,_vue.watch)(()=>E.resizeFlag,()=>{(0,_vue.nextTick)(()=>{m()})}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(w,"resize",m),m()}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(w,"resize")}),(0,_vue.provide)("$xeTabs",w),f(u.modelValue,null),s(E.staticTabs.length?E.staticTabs:u.options),w.renderVN=()=>{var{type:e,height:t,padding:a,trigger:l}=u,n=d.value,i=h.value,s=o.default,r=o.footer,i=s?i:n;return(0,_vue.h)("div",{ref:v,class:["vxe-tabs","vxe-tabs--"+(e||"default"),"trigger--"+("manual"===l?"trigger":"default"),{"is--padding":a,"is--height":t}],style:t?{height:(0,_dom.toCssUnit)(t)}:null},[(0,_vue.h)("div",{class:"vxe-tabs-slots"},s?s({}):[]),(c=>{const{type:e,titleWidth:d,titleAlign:h,showClose:m,closeConfig:_,refreshConfig:f}=u,{activeName:b,lintLeft:t,lintWidth:a,isTabOver:l,cacheTabMaps:g}=E;var n=o.extra;const p=y.value,x=p.visibleMethod,T=M.value,N=T.visibleMethod;return(0,_vue.h)("div",{class:"vxe-tabs-header"},[l?(0,_vue.h)("div",{class:"vxe-tabs-header--bar vxe-tabs-header--left-bar",onClick:B},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_LEFT})]):(0,_ui.renderEmptyElement)(w),(0,_vue.h)("div",{class:"vxe-tabs-header--wrapper"},[(0,_vue.h)("div",{ref:C,class:"vxe-tabs-header--item-wrapper"},c.map((t,a)=>{var{title:e,titleWidth:l,titleAlign:n,icon:i,name:s,slots:r}=t,r=r?r.title||r.tab:null,l=l||d,n=n||h,o={$tabs:w,value:b,name:s,option:t},u=b===s,v=s?g[""+s]:null,v=!!v&&v.loading;return(0,_vue.h)("div",{key:""+s,class:["vxe-tabs-header--item",n?"align--"+n:"",{"is--active":u}],style:l?{width:(0,_dom.toCssUnit)(l)}:null,onClick(e){O(e,t)}},[(0,_vue.h)("div",{class:"vxe-tabs-header--item-inner"},[(0,_vue.h)("div",{class:"vxe-tabs-header--item-content"},[i?(0,_vue.h)("span",{class:"vxe-tabs-header--item-icon"},[(0,_vue.h)("i",{class:i})]):(0,_ui.renderEmptyElement)(w),(0,_vue.h)("span",{class:"vxe-tabs-header--item-name"},r?L(r,{name:s,title:e}):""+e)]),((0,_utils.isEnableConf)(f)||T.enabled)&&(N?N(o):u)?(0,_vue.h)("div",{class:"vxe-tabs-header--refresh-btn",onClick(e){S(e,t)}},[(0,_vue.h)("i",{class:v?(0,_ui.getIcon)().TABS_TAB_REFRESH_LOADING:(0,_ui.getIcon)().TABS_TAB_REFRESH})]):(0,_ui.renderEmptyElement)(w),!(m||(0,_utils.isEnableConf)(_)||p.enabled)||x&&!x(o)?(0,_ui.renderEmptyElement)(w):(0,_vue.h)("div",{class:"vxe-tabs-header--close-btn",onClick(e){k(e,t,a,c)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().TABS_TAB_CLOSE})])])])}).concat([(0,_vue.h)("span",{key:"line",class:"vxe-tabs-header--active-line type--"+(e||"default"),style:{left:t+"px",width:a+"px"}})]))]),l?(0,_vue.h)("div",{class:"vxe-tabs-header--bar vxe-tabs-header--right-bar",onClick:A},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_RIGHT})]):(0,_ui.renderEmptyElement)(w),n?(0,_vue.h)("div",{class:"vxe-tabs-header--extra"},(0,_vn.getSlotVNs)(n({}))):(0,_ui.renderEmptyElement)(w)])})(i),(0,_vue.h)("div",{class:"vxe-tabs-pane"},(e=>{var t=u["destroyOnClose"];const a=E["activeName"];var l=e.find(e=>e.name===a);return t?[l?T(l):(0,_ui.renderEmptyElement)(w)]:e.map(e=>T(e))})(i)),r?(0,_vue.h)("div",{class:"vxe-tabs-footer"},L(r,{})):(0,_ui.renderEmptyElement)(w)])},w},render(){return this.renderVN()}});