vxe-pc-ui 4.6.8 → 4.6.10

package/lib/switch/src/switch.js

@@ -193,11 +193,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-switch--label vxe-switch--label-on'
       }, [openIcon ? (0, _vue.h)('i', {
         class: ['vxe-switch--label-icon', openIcon]
-      }) : (0, _vue.createCommentVNode)(), onShowLabel]), (0, _vue.h)('span', {
+      }) : (0, _ui.renderEmptyElement)($xeSwitch), onShowLabel]), (0, _vue.h)('span', {
         class: 'vxe-switch--label vxe-switch--label-off'
       }, [closeIcon ? (0, _vue.h)('i', {
         class: ['vxe-switch--label-icon', closeIcon]
-      }) : (0, _vue.createCommentVNode)(), offShowLabel]), (0, _vue.h)('span', {
+      }) : (0, _ui.renderEmptyElement)($xeSwitch), offShowLabel]), (0, _vue.h)('span', {
         class: ['vxe-switch--icon']
       }, openActiveIcon || closeActiveIcon ? [(0, _vue.h)('i', {
         class: isChecked ? openActiveIcon : closeActiveIcon

package/lib/switch/src/switch.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSwitch",props:{modelValue:[String,Number,Boolean],disabled:{type:Boolean,default:null},readonly:{type:Boolean,default:null},size:{type:String,default:()=>(0,_ui.getConfig)().switch.size||(0,_ui.getConfig)().size},openLabel:String,closeLabel:String,openValue:{type:[String,Number,Boolean],default:!0},closeValue:{type:[String,Number,Boolean],default:!1},openIcon:String,closeIcon:String,openActiveIcon:String,closeActiveIcon:String},emits:["update:modelValue","change","focus","blur"],setup(c,e){const a=e["emit"],l=(0,_vue.inject)("$xeForm",null),i=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const v=(0,_ui.useSize)(c)["computeSize"],d=(0,_vue.reactive)({isActivated:!1,hasAnimat:!1,offsetLeft:0}),n={},o={xID:t,props:c,context:e,reactData:d,internalData:n},p=(0,_vue.ref)();let s={};const _=(0,_vue.computed)(()=>{var e=c["disabled"];return null===e?!!l&&(l.props.readonly||l.props.disabled):e}),m=(0,_vue.computed)(()=>{var e=c["readonly"];return null===e?!!l&&(l.props.readonly||l.props.disabled):e}),f=(0,_vue.computed)(()=>(0,_utils.getFuncText)(c.openLabel)),h=(0,_vue.computed)(()=>(0,_utils.getFuncText)(c.closeLabel)),b=(0,_vue.computed)(()=>c.modelValue===c.openValue),r=e=>{a("update:modelValue",e)},x=e=>{var t=_.value,u=m.value;t||u||(t=b.value,clearTimeout(n.atTimeout),u=t?c.closeValue:c.openValue,d.hasAnimat=!0,r(u),s.dispatchEvent("change",{value:u},e),l&&i&&l.triggerItemEvent(e,i.itemConfig.field,u),n.atTimeout=setTimeout(()=>{d.hasAnimat=!1,n.atTimeout=void 0},400))};const g=e=>{d.isActivated=!0,s.dispatchEvent("focus",{value:c.modelValue},e)},V=e=>{d.isActivated=!1,s.dispatchEvent("blur",{value:c.modelValue},e)};s={dispatchEvent:(e,t,u)=>{a(e,(0,_ui.createEvent)(u,{$switch:o},t))},focus(){var e=p.value;return d.isActivated=!0,e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=p.value;return e&&e.blur(),(d.isActivated=!1,_vue.nextTick)()}},Object.assign(o,s);return o.renderVN=()=>{var{openIcon:e,closeIcon:t,openActiveIcon:u,closeActiveIcon:a}=c,l=v.value,i=b.value,n=f.value,o=h.value,s=_.value,r=m.value;return(0,_vue.h)("div",{class:["vxe-switch",i?"is--on":"is--off",{["size--"+l]:l,"is--disabled":s,"is--readonly":r,"is--animat":d.hasAnimat}]},[(0,_vue.h)("button",{ref:p,class:"vxe-switch--button",type:"button",disabled:s||r,onClick:x,onFocus:g,onBlur:V},[(0,_vue.h)("span",{class:"vxe-switch--label vxe-switch--label-on"},[e?(0,_vue.h)("i",{class:["vxe-switch--label-icon",e]}):(0,_vue.createCommentVNode)(),n]),(0,_vue.h)("span",{class:"vxe-switch--label vxe-switch--label-off"},[t?(0,_vue.h)("i",{class:["vxe-switch--label-icon",t]}):(0,_vue.createCommentVNode)(),o]),(0,_vue.h)("span",{class:["vxe-switch--icon"]},u||a?[(0,_vue.h)("i",{class:i?u:a})]:[])])])},o},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSwitch",props:{modelValue:[String,Number,Boolean],disabled:{type:Boolean,default:null},readonly:{type:Boolean,default:null},size:{type:String,default:()=>(0,_ui.getConfig)().switch.size||(0,_ui.getConfig)().size},openLabel:String,closeLabel:String,openValue:{type:[String,Number,Boolean],default:!0},closeValue:{type:[String,Number,Boolean],default:!1},openIcon:String,closeIcon:String,openActiveIcon:String,closeActiveIcon:String},emits:["update:modelValue","change","focus","blur"],setup(c,e){const l=e["emit"],i=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const v=(0,_ui.useSize)(c)["computeSize"],d=(0,_vue.reactive)({isActivated:!1,hasAnimat:!1,offsetLeft:0}),n={},p={xID:t,props:c,context:e,reactData:d,internalData:n},_=(0,_vue.ref)();let o={};const m=(0,_vue.computed)(()=>{var e=c["disabled"];return null===e?!!i&&(i.props.readonly||i.props.disabled):e}),f=(0,_vue.computed)(()=>{var e=c["readonly"];return null===e?!!i&&(i.props.readonly||i.props.disabled):e}),h=(0,_vue.computed)(()=>(0,_utils.getFuncText)(c.openLabel)),b=(0,_vue.computed)(()=>(0,_utils.getFuncText)(c.closeLabel)),x=(0,_vue.computed)(()=>c.modelValue===c.openValue),s=e=>{l("update:modelValue",e)},g=e=>{var t=m.value,u=f.value;t||u||(t=x.value,clearTimeout(n.atTimeout),u=t?c.closeValue:c.openValue,d.hasAnimat=!0,s(u),o.dispatchEvent("change",{value:u},e),i&&a&&i.triggerItemEvent(e,a.itemConfig.field,u),n.atTimeout=setTimeout(()=>{d.hasAnimat=!1,n.atTimeout=void 0},400))};const y=e=>{d.isActivated=!0,o.dispatchEvent("focus",{value:c.modelValue},e)},V=e=>{d.isActivated=!1,o.dispatchEvent("blur",{value:c.modelValue},e)};o={dispatchEvent:(e,t,u)=>{l(e,(0,_ui.createEvent)(u,{$switch:p},t))},focus(){var e=_.value;return d.isActivated=!0,e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=_.value;return e&&e.blur(),(d.isActivated=!1,_vue.nextTick)()}},Object.assign(p,o);return p.renderVN=()=>{var{openIcon:e,closeIcon:t,openActiveIcon:u,closeActiveIcon:l}=c,i=v.value,a=x.value,n=h.value,o=b.value,s=m.value,r=f.value;return(0,_vue.h)("div",{class:["vxe-switch",a?"is--on":"is--off",{["size--"+i]:i,"is--disabled":s,"is--readonly":r,"is--animat":d.hasAnimat}]},[(0,_vue.h)("button",{ref:_,class:"vxe-switch--button",type:"button",disabled:s||r,onClick:g,onFocus:y,onBlur:V},[(0,_vue.h)("span",{class:"vxe-switch--label vxe-switch--label-on"},[e?(0,_vue.h)("i",{class:["vxe-switch--label-icon",e]}):(0,_ui.renderEmptyElement)(p),n]),(0,_vue.h)("span",{class:"vxe-switch--label vxe-switch--label-off"},[t?(0,_vue.h)("i",{class:["vxe-switch--label-icon",t]}):(0,_ui.renderEmptyElement)(p),o]),(0,_vue.h)("span",{class:["vxe-switch--icon"]},u||l?[(0,_vue.h)("i",{class:a?u:l})]:[])])])},p},render(){return this.renderVN()}});

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();
       }
     };
@@ -508,7 +504,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         onClick: scrollLeftEvent
       }, [(0, _vue.h)('span', {
         class: (0, _ui.getIcon)().TABS_TAB_BUTTON_LEFT
-      })]) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+      })]) : (0, _ui.renderEmptyElement)($xeTabs), (0, _vue.h)('div', {
         class: 'vxe-tabs-header--wrapper'
       }, [(0, _vue.h)('div', {
         ref: refHeadWrapperElem,
@@ -553,7 +549,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           class: 'vxe-tabs-header--item-icon'
         }, [(0, _vue.h)('i', {
           class: icon
-        })]) : (0, _vue.createCommentVNode)(), (0, _vue.h)('span', {
+        })]) : (0, _ui.renderEmptyElement)($xeTabs), (0, _vue.h)('span', {
           class: 'vxe-tabs-header--item-name'
         }, titleSlot ? callSlot(titleSlot, {
           name,
@@ -565,14 +561,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
           }
         }, [(0, _vue.h)('i', {
           class: isLoading ? (0, _ui.getIcon)().TABS_TAB_REFRESH_LOADING : (0, _ui.getIcon)().TABS_TAB_REFRESH
-        })]) : (0, _vue.createCommentVNode)(), (showClose || (0, _utils.isEnableConf)(closeConfig) || closeOpts.enabled) && (!closeVisibleMethod || closeVisibleMethod(params)) ? (0, _vue.h)('div', {
+        })]) : (0, _ui.renderEmptyElement)($xeTabs), (showClose || (0, _utils.isEnableConf)(closeConfig) || closeOpts.enabled) && (!closeVisibleMethod || closeVisibleMethod(params)) ? (0, _vue.h)('div', {
           class: 'vxe-tabs-header--close-btn',
           onClick(evnt) {
             handleCloseTabEvent(evnt, item, index, tabList);
           }
         }, [(0, _vue.h)('i', {
           class: (0, _ui.getIcon)().TABS_TAB_CLOSE
-        })]) : (0, _vue.createCommentVNode)()])]);
+        })]) : (0, _ui.renderEmptyElement)($xeTabs)])]);
       }).concat([(0, _vue.h)('span', {
         key: 'line',
         class: `vxe-tabs-header--active-line type--${type || 'default'}`,
@@ -585,9 +581,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         onClick: scrollRightEvent
       }, [(0, _vue.h)('span', {
         class: (0, _ui.getIcon)().TABS_TAB_BUTTON_RIGHT
-      })]) : (0, _vue.createCommentVNode)(), extraSlot ? (0, _vue.h)('div', {
+      })]) : (0, _ui.renderEmptyElement)($xeTabs), extraSlot ? (0, _vue.h)('div', {
         class: 'vxe-tabs-header--extra'
-      }, (0, _vn.getSlotVNs)(extraSlot({}))) : (0, _vue.createCommentVNode)()]);
+      }, (0, _vn.getSlotVNs)(extraSlot({}))) : (0, _ui.renderEmptyElement)($xeTabs)]);
     };
     const renderTabPane = item => {
       const {
@@ -607,7 +603,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }]
       }, defaultSlot ? callSlot(defaultSlot, {
         name
-      }) : []) : (0, _vue.createCommentVNode)();
+      }) : []) : (0, _ui.renderEmptyElement)($xeTabs);
     };
     const renderTabContent = tabList => {
       const {
@@ -618,7 +614,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = reactData;
       const activeDefaultTab = tabList.find(item => item.name === activeName);
       if (destroyOnClose) {
-        return [activeDefaultTab ? renderTabPane(activeDefaultTab) : (0, _vue.createCommentVNode)()];
+        return [activeDefaultTab ? renderTabPane(activeDefaultTab) : (0, _ui.renderEmptyElement)($xeTabs)];
       }
       return tabList.map(item => renderTabPane(item));
     };

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:r,emit:o}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.inject)("$xeTabs",null),v=(0,_vue.ref)(),C=(0,_vue.ref)(),M=(0,_vue.reactive)({staticTabs:[],activeName:null,initNames:[],lintLeft:0,lintWidth:0,isTabOver:!1,resizeFlag:1,cacheTabMaps:{}}),c={slTimeout:void 0},l={refElem:v},V=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tabs.closeConfig,u.closeConfig)),w=(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=M["staticTabs"];return e.filter(e=>i(e))}),n={},y={xID:t,props:u,context:e,reactData:M,getRefMaps:()=>l,getComputeMaps:()=>n},i=e=>{e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},E=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=r[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],m=()=>{(0,_vue.nextTick)(()=>{var e=u["type"];const t=M["activeName"];var a,l=d.value,n=h.value,i=C.value;let s=0,o=0,r=!1;i&&(n=_xeUtils.default.findIndexOf(n.length?n:l,e=>e.name===t),{children:l,scrollWidth:i,clientWidth:a}=i,r=i!==a,-1<n)&&(a=(i=l[n]).clientWidth,e?"card"===e?(s=a+2,o=i.offsetLeft):"border-card"===e&&(s=a+2,o=i.offsetLeft-1):(s=Math.max(4,Math.floor(.6*a)),o=i.offsetLeft+Math.floor((a-s)/2))),M.lintLeft=o,M.lintWidth=s,M.isTabOver=r})},_=(e,t,a)=>{o(e,(0,_ui.createEvent)(a,{$tabs:y},t))},f=(e,t)=>{var a=M["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),o("update:modelValue",l))}M.activeName=l,M.cacheTabMaps=n},O=(t,a)=>{var e=u["trigger"],l=u.beforeChangeMethod||(0,_ui.getConfig)().tabs.beforeChangeMethod;const n=M["activeName"],i=a["name"],s=i;_("tab-click",{name:i},t),"manual"!==e&&i!==n&&Promise.resolve(!l||l({$tabs:y,name:i,oldName:n,newName:i,option:a})).then(e=>{e?(M.activeName=i,o("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)})},L=(e,t)=>{e.stopPropagation();var{activeName:e,cacheTabMaps:a}=M,l=t["name"],n=w.value["queryMethod"];const i=l?a[""+l]:null;i&&(n?(i.loading=!0,Promise.resolve(n({$tabs:y,value:e,name:l,option:t})).finally(()=>{i.loading=!1})):(0,_log.errLog)("vxe.error.notFunc",["refresh-config.queryMethod"]))},S=(t,e,a,l)=>{t.stopPropagation();var n=M["activeName"],i=V.value.beforeMethod||u.beforeCloseMethod||(0,_ui.getConfig)().tabs.beforeCloseMethod;const s=e["name"],o=n;let r=o;n===s&&(n=a<l.length-1?l[a+1]:l[a-1],r=n?n.name:null),Promise.resolve(!i||i({$tabs:y,value:o,name:s,nextName:r,option:e})).then(e=>{e?_("tab-close",{value:o,name:s,nextName:r},t):_("tab-close-fail",{value:o,name:s,nextName:r},t)}).catch(()=>{_("tab-close-fail",{value:o,name:s,nextName:r},t)})},b=e=>{var t=C.value;if(t){t=Math.floor(.75*t.clientWidth);{var o=e,e=t,t=c["slTimeout"];let n=e,i=6,s=35;t&&(clearTimeout(t),c.slTimeout=void 0);const r=()=>{var e,t,a,l=C.value;0<i&&(i--,l)&&({clientWidth:e,scrollWidth:t,scrollLeft:a}=l,n=Math.floor(n/2),0<o?e+a<t&&(l.scrollLeft+=n,s-=4,c.slTimeout=setTimeout(r,s)):0<a&&(l.scrollLeft-=n,s-=4,c.slTimeout=setTimeout(r,s)),m())};r()}}},k=()=>{b(-1)},B=()=>{b(1)},g=i=>{const s=d.value,o=h.value;return(0,_vue.nextTick)().then(()=>{var e,t,a,l,n=C.value;n&&(-1<(a=_xeUtils.default.findIndexOf(o.length?o: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=M["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,M.activeName=t,o("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(y,x,{});const N=e=>{var{initNames:t,activeName:a}=M,{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?E(l,{name:e}):[]):(0,_vue.createCommentVNode)()};(0,_vue.watch)(()=>u.modelValue,e=>{f(e,null),M.activeName=e}),(0,_vue.watch)(()=>M.activeName,e=>{g(e),(0,_vue.nextTick)(()=>{M.resizeFlag++})});const T=(0,_vue.ref)(0),A=((0,_vue.watch)(()=>u.options?u.options.length:-1,()=>{T.value++}),(0,_vue.watch)(()=>u.options,()=>{T.value++}),(0,_vue.watch)(T,()=>{s(u.options),m()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>M.staticTabs?M.staticTabs.length:-1,()=>{A.value++}),(0,_vue.watch)(()=>M.staticTabs,()=>{A.value++}),(0,_vue.watch)(A,()=>{s(M.staticTabs),m()}),a&&(0,_vue.watch)(()=>a?a.reactData.resizeFlag:null,()=>{M.resizeFlag++}),(0,_vue.watch)(()=>M.resizeFlag,()=>{(0,_vue.nextTick)(()=>{m()})}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(y,"resize",m),m()}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(y,"resize")}),(0,_vue.provide)("$xeTabs",y),f(u.modelValue,null),s(M.staticTabs.length?M.staticTabs:u.options),y.renderVN=()=>{var{type:e,height:t,padding:a,trigger:l}=u,n=d.value,i=h.value,s=r.default,o=r.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}=M;var n=r.extra;const p=V.value,x=p.visibleMethod,N=w.value,T=N.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:k},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_LEFT})]):(0,_vue.createCommentVNode)(),(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:o}=t,o=o?o.title||o.tab:null,l=l||d,n=n||h,r={$tabs:y,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,_vue.createCommentVNode)(),(0,_vue.h)("span",{class:"vxe-tabs-header--item-name"},o?E(o,{name:s,title:e}):""+e)]),((0,_utils.isEnableConf)(f)||N.enabled)&&(T?T(r):u)?(0,_vue.h)("div",{class:"vxe-tabs-header--refresh-btn",onClick(e){L(e,t)}},[(0,_vue.h)("i",{class:v?(0,_ui.getIcon)().TABS_TAB_REFRESH_LOADING:(0,_ui.getIcon)().TABS_TAB_REFRESH})]):(0,_vue.createCommentVNode)(),!(m||(0,_utils.isEnableConf)(_)||p.enabled)||x&&!x(r)?(0,_vue.createCommentVNode)():(0,_vue.h)("div",{class:"vxe-tabs-header--close-btn",onClick(e){S(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:B},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_RIGHT})]):(0,_vue.createCommentVNode)(),n?(0,_vue.h)("div",{class:"vxe-tabs-header--extra"},(0,_vn.getSlotVNs)(n({}))):(0,_vue.createCommentVNode)()])})(i),(0,_vue.h)("div",{class:"vxe-tabs-pane"},(e=>{var t=u["destroyOnClose"];const a=M["activeName"];var l=e.find(e=>e.name===a);return t?[l?N(l):(0,_vue.createCommentVNode)()]:e.map(e=>N(e))})(i)),o?(0,_vue.h)("div",{class:"vxe-tabs-footer"},E(o,{})):(0,_ui.renderEmptyElement)(y)])},y},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()}});

package/lib/tag/src/tag.js

@@ -69,7 +69,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-tag--icon'
       }, iconSlot ? (0, _vn.getSlotVNs)(iconSlot({})) : [(0, _vue.h)('i', {
         class: icon
-      })]) : (0, _vue.createCommentVNode)(), (0, _vue.h)('span', {
+      })]) : (0, _ui.renderEmptyElement)($xeTag), (0, _vue.h)('span', {
         class: 'vxe-tag--content'
       }, defaultSlot ? defaultSlot({}) : _xeUtils.default.toValueString(content))];
     };

package/lib/tag/src/tag.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTag",props:{status:String,title:[String,Number],icon:String,content:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().tag.size||(0,_ui.getConfig)().size}},emits:["click"],setup(u,e){const{slots:n,emit:i}=e;var t=_xeUtils.default.uniqueId();const s=(0,_ui.useSize)(u)["computeSize"],a=(0,_vue.ref)();var r=(0,_vue.reactive)({});const o={refElem:a},c={},l={xID:t,props:u,context:e,reactData:r,getRefMaps:()=>o,getComputeMaps:()=>c},v=(e,t,r)=>{i(e,(0,_ui.createEvent)(r,{$tag:l},t))};t={dispatchEvent:v};const _=e=>{v("click",{},e)};Object.assign(l,t,{});return l.renderVN=()=>{var{status:e,title:t}=u,r=s.value;return(0,_vue.h)("span",{ref:a,class:["vxe-tag",{["size--"+r]:r,["theme--"+e]:e}],title:t,onClick:_},(()=>{var{icon:e,content:t}=u,r=n.default,i=n.icon;return[i||e?(0,_vue.h)("span",{class:"vxe-tag--icon"},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:e})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("span",{class:"vxe-tag--content"},r?r({}):_xeUtils.default.toValueString(t))]})())},l},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTag",props:{status:String,title:[String,Number],icon:String,content:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().tag.size||(0,_ui.getConfig)().size}},emits:["click"],setup(u,e){const{slots:n,emit:i}=e;var t=_xeUtils.default.uniqueId();const s=(0,_ui.useSize)(u)["computeSize"],a=(0,_vue.ref)();var r=(0,_vue.reactive)({});const o={refElem:a},l={},c={xID:t,props:u,context:e,reactData:r,getRefMaps:()=>o,getComputeMaps:()=>l},v=(e,t,r)=>{i(e,(0,_ui.createEvent)(r,{$tag:c},t))};t={dispatchEvent:v};const _=e=>{v("click",{},e)};Object.assign(c,t,{});return c.renderVN=()=>{var{status:e,title:t}=u,r=s.value;return(0,_vue.h)("span",{ref:a,class:["vxe-tag",{["size--"+r]:r,["theme--"+e]:e}],title:t,onClick:_},(()=>{var{icon:e,content:t}=u,r=n.default,i=n.icon;return[i||e?(0,_vue.h)("span",{class:"vxe-tag--icon"},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(c),(0,_vue.h)("span",{class:"vxe-tag--content"},r?r({}):_xeUtils.default.toValueString(t))]})())},c},render(){return this.renderVN()}});

package/lib/tip/src/tip.js

@@ -81,7 +81,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const permissionInfo = computePermissionInfo.value;
       const vSize = computeSize.value;
       if (!permissionInfo.visible) {
-        return (0, _vue.createCommentVNode)();
+        return (0, _ui.renderEmptyElement)($xeTip);
       }
       return (0, _vue.h)('div', {
         ref: refElem,
@@ -94,11 +94,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-tip--icon'
       }, iconSlot ? (0, _vn.getSlotVNs)(iconSlot({})) : [(0, _vue.h)('i', {
         class: icon
-      })]) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+      })]) : (0, _ui.renderEmptyElement)($xeTip), (0, _vue.h)('div', {
         class: 'vxe-tip--body'
       }, [titleSlot || title ? (0, _vue.h)('div', {
         class: 'vxe-tip--title'
-      }, titleSlot ? (0, _vn.getSlotVNs)(titleSlot({})) : _xeUtils.default.toValueString(title)) : (0, _vue.createCommentVNode)(), (0, _vue.h)('div', {
+      }, titleSlot ? (0, _vn.getSlotVNs)(titleSlot({})) : _xeUtils.default.toValueString(title)) : (0, _ui.renderEmptyElement)($xeTip), (0, _vue.h)('div', {
         class: 'vxe-tip--content'
       }, defaultSlot ? (0, _vn.getSlotVNs)(defaultSlot({})) : _xeUtils.default.toValueString(content))])]);
     };

package/lib/tip/src/tip.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTip",props:{title:{type:[String,Number],default:()=>(0,_ui.getConfig)().tip.title},content:[String,Number],status:String,icon:{type:String,default:()=>(0,_ui.getConfig)().tip.icon},permissionCode:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().tip.size||(0,_ui.getConfig)().size}},emits:[],setup(l,e){const{slots:v,emit:u}=e;var t=_xeUtils.default.uniqueId();const _=(0,_ui.useSize)(l)["computeSize"],c=(0,_ui.usePermission)(l)["computePermissionInfo"],p=(0,_vue.ref)();var i=(0,_vue.reactive)({});const r={refElem:p},s={},n={xID:t,props:l,context:e,reactData:i,getRefMaps:()=>r,getComputeMaps:()=>s};Object.assign(n,{dispatchEvent:(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$tip:n},t))}},{});return n.renderVN=()=>{var{status:e,content:t,icon:i,title:u}=l,r=v.default,s=v.title,n=v.icon,o=c.value,a=_.value;return o.visible?(0,_vue.h)("div",{ref:p,class:["vxe-tip",{["size--"+a]:a,["theme--"+e]:e,"has--title":!(!s&&!u)}]},[n||i?(0,_vue.h)("div",{class:"vxe-tip--icon"},n?(0,_vn.getSlotVNs)(n({})):[(0,_vue.h)("i",{class:i})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-tip--body"},[s||u?(0,_vue.h)("div",{class:"vxe-tip--title"},s?(0,_vn.getSlotVNs)(s({})):_xeUtils.default.toValueString(u)):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-tip--content"},r?(0,_vn.getSlotVNs)(r({})):_xeUtils.default.toValueString(t))])]):(0,_vue.createCommentVNode)()},n},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTip",props:{title:{type:[String,Number],default:()=>(0,_ui.getConfig)().tip.title},content:[String,Number],status:String,icon:{type:String,default:()=>(0,_ui.getConfig)().tip.icon},permissionCode:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().tip.size||(0,_ui.getConfig)().size}},emits:[],setup(a,e){const{slots:v,emit:u}=e;var t=_xeUtils.default.uniqueId();const _=(0,_ui.useSize)(a)["computeSize"],p=(0,_ui.usePermission)(a)["computePermissionInfo"],d=(0,_vue.ref)();var i=(0,_vue.reactive)({});const r={refElem:d},n={},c={xID:t,props:a,context:e,reactData:i,getRefMaps:()=>r,getComputeMaps:()=>n};Object.assign(c,{dispatchEvent:(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$tip:c},t))}},{});return c.renderVN=()=>{var{status:e,content:t,icon:i,title:u}=a,r=v.default,n=v.title,s=v.icon,l=p.value,o=_.value;return l.visible?(0,_vue.h)("div",{ref:d,class:["vxe-tip",{["size--"+o]:o,["theme--"+e]:e,"has--title":!(!n&&!u)}]},[s||i?(0,_vue.h)("div",{class:"vxe-tip--icon"},s?(0,_vn.getSlotVNs)(s({})):[(0,_vue.h)("i",{class:i})]):(0,_ui.renderEmptyElement)(c),(0,_vue.h)("div",{class:"vxe-tip--body"},[n||u?(0,_vue.h)("div",{class:"vxe-tip--title"},n?(0,_vn.getSlotVNs)(n({})):_xeUtils.default.toValueString(u)):(0,_ui.renderEmptyElement)(c),(0,_vue.h)("div",{class:"vxe-tip--content"},r?(0,_vn.getSlotVNs)(r({})):_xeUtils.default.toValueString(t))])]):(0,_ui.renderEmptyElement)(c)},c},render(){return this.renderVN()}});