vxe-pc-ui 4.5.28 → 4.5.29

package/lib/split/src/split.js

@@ -67,6 +67,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
     const computeVisibleItems = (0, _vue.computed)(() => {
       return reactData.itemList.filter(item => item.isVisible);
     });
+    const computeAutoItems = (0, _vue.computed)(() => {
+      const {
+        vertical
+      } = props;
+      return reactData.itemList.filter(item => vertical ? !item.height : !item.width);
+    });
     const computeBarStyle = (0, _vue.computed)(() => {
       const barOpts = computeBarOpts.value;
       const {
@@ -548,6 +554,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         itemList
       } = reactData;
       const visibleItems = computeVisibleItems.value;
+      const autoItems = computeAutoItems.value;
       const isFoldNext = computeIsFoldNext.value;
       const itemVNs = [];
       itemList.forEach((item, index) => {
@@ -569,13 +576,15 @@ var _default = exports.default = (0, _vue.defineComponent)({
         let itemWidth = isVisible ? foldWidth || resizeWidth || renderWidth : 0;
         let itemHeight = isVisible ? foldHeight || resizeHeight || renderHeight : 0;
         // 至少存在一个自适应
-        if (vertical) {
-          if (!item.height) {
-            itemHeight = 0;
-          }
-        } else {
-          if (!item.width) {
-            itemWidth = 0;
+        if (autoItems.length === 1) {
+          if (vertical) {
+            if (!item.height) {
+              itemHeight = 0;
+            }
+          } else {
+            if (!item.width) {
+              itemWidth = 0;
+            }
           }
         }
         // 当只剩下一个可视区自动占用 100%

package/lib/split/src/split.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:"VxeSplit",props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().split.vertical},border:{type:Boolean,default:()=>(0,_ui.getConfig)().split.border},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().split.padding},resize:{type:Boolean,default:()=>(0,_ui.getConfig)().split.resize},items:Array,itemConfig:Object,barConfig:Object,actionConfig:Object},emits:["action-dblclick","action-click","toggle-expand","resize-start","resize-drag","resize-end"],setup(W,e){const{emit:s,slots:l}=e;var t=_xeUtils.default.uniqueId();const C=(0,_vue.ref)(),E=(0,_vue.reactive)({staticItems:[],itemList:[]});const H=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.itemConfig,W.itemConfig)),r=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.barConfig,W.barConfig)),a=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.actionConfig,W.actionConfig)),U=(0,_vue.computed)(()=>{return"next"===a.value.direction}),n=(0,_vue.computed)(()=>E.itemList.filter(e=>e.isVisible)),o=(0,_vue.computed)(()=>{var{width:e,height:t}=r.value,i={};return t&&(i.height=(0,_dom.toCssUnit)(t)),e&&(i.width=(0,_dom.toCssUnit)(e)),i}),i={computeItemOpts:H,computeBarOpts:r,computeActionOpts:a,computeIsFoldNext:U},d={refElem:C},I={xID:t,props:W,context:e,reactData:E,internalData:{},getRefMaps:()=>d,getComputeMaps:()=>i},N=(e,t,i)=>{s(e,(0,_ui.createEvent)(i,{$split:I},t))},O=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=l[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];const u=(e,t)=>{var i=E["staticItems"];const s={isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return E.itemList=e.map(e=>(e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||l[e]||(0,_log.errLog)("vxe.error.notSlot",[e])}),Object.assign({},t?null:s,e,t?s:null,{id:_xeUtils.default.uniqueId()}))),i.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),T()},c=e=>u(e||[],!1);const T=()=>(0,_vue.nextTick)().then(()=>{var e=W["vertical"],t=E["itemList"],i=C.value;if(i){const r=i.clientWidth,l=i.clientHeight;if(r&&l){i=H.value;const n=_xeUtils.default.toNumber(i.minWidth),a=_xeUtils.default.toNumber(i.minHeight),o=[];if(e){let s=0;if(t.forEach(e=>{var t=e["height"];let i=0;t?(i=(0,_dom.isScale)(t)?l*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderHeight=i):o.push(e),s+=i}),o.length){const d=(l-s)/o.length;o.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,a)),d)})}}else{let s=0;if(t.forEach(e=>{var t=e["width"];let i=0;t?(i=(0,_dom.isScale)(t)?r*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderWidth=i):o.push(e),s+=i}),o.length){const u=(r-s)/o.length;o.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,n)),u)})}}}}}),h=e=>{const{resize:t,vertical:s}=W;var i=E["itemList"];if(t){e.preventDefault();var r=e.currentTarget.parentElement;const a=C.value;if(a){const o=r.getAttribute("itemid");r=_xeUtils.default.findIndexOf(i,e=>e.id===o);const d=i[r];if(d&&d.isExpand){const u=U.value;var l=H.value,n=_xeUtils.default.toNumber(l.minWidth),l=_xeUtils.default.toNumber(l.minHeight);const c=i[r+(u?1:-1)];i=c?a.querySelector(`.vxe-split-pane[itemid="${c.id}"]`):null,r=d?a.querySelector(`.vxe-split-pane[itemid="${d.id}"]`):null;const h=i?i.clientWidth:0,m=r?r.clientWidth:0,g=i?i.clientHeight:0,f=r?r.clientHeight:0,v=_xeUtils.default.toNumber(c?(0,_utils.getGlobalDefaultConfig)(c.minWidth,n):n),_=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(d.minWidth,n)),p=_xeUtils.default.toNumber(c?(0,_utils.getGlobalDefaultConfig)(c.minHeight,l):l),x=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(d.minHeight,l)),b=e.clientX,z=e.clientY;(0,_dom.addClass)(a,"is--drag"),document.onmousemove=e=>{var t,i;e.preventDefault(),s?0<(t=u?z-e.clientY:e.clientY-z)?c&&f-t>=x&&(i=f-t,c.resizeHeight=g+t,d.resizeHeight=i,N("resize-drag",{item:d,name:d.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):c&&g+t>=p&&(i=f-t,c.resizeHeight=g+t,d.resizeHeight=i,N("resize-drag",{item:d,name:d.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):0<(t=u?b-e.clientX:e.clientX-b)?c&&m-t>=_&&(i=m-t,c.resizeWidth=h+t,d.resizeWidth=i,N("resize-drag",{item:d,name:d.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e)):c&&h+t>=v&&(i=m-t,c.resizeWidth=h+t,d.resizeWidth=i,N("resize-drag",{item:d,name:d.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e))},document.onmouseup=e=>{document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(a,"is--drag"),N("resize-end",{item:d,name:d.name,resizeHeight:d.resizeHeight,resizeWidth:d.resizeWidth},e),T()},N("resize-start",{item:d,name:d.name},e)}}}},m=e=>{if(C.value){var t=W["vertical"],i=E["itemList"],s=U.value;const n=e.currentTarget.parentElement.getAttribute("itemid");var r=_xeUtils.default.findIndexOf(i,e=>e.id===n),l=i[r],i=i[r+(s?1:-1)];l&&({showAction:r,isExpand:s}=l,r)&&(t?i&&(i.isVisible=!s,i.foldHeight=0,l.isExpand=!s,l.isVisible=!0,l.foldHeight=s?(i.resizeHeight||i.renderHeight)+(l.resizeHeight||l.renderHeight):0):i&&(i.isVisible=!s,i.foldWidth=0,l.isExpand=!s,l.isVisible=!0,l.foldWidth=s?(i.resizeWidth||i.renderWidth)+(l.resizeWidth||l.renderWidth):0),N("toggle-expand",{item:l,name:l.name,targetItem:i,targetName:i?i.name:"",expanded:l.isExpand},e),T())}},g=e=>{var t=E["itemList"],i=a.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"===i.trigger&&m(e),N("action-dblclick",{item:t,name:t?t.name:""},e)},f=e=>{var t=E["itemList"],i=a.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"!==i.trigger&&m(e),N("action-click",{item:t,name:t?t.name:""},e)},v=()=>{T()};t={dispatchEvent:N,recalculate:T,reset:()=>{var e=E["itemList"];return e.forEach(e=>{e.isExpand=!0,e.isVisible=!0,e.foldHeight=0,e.foldWidth=0,e.resizeHeight=0,e.resizeWidth=0}),(0,_vue.nextTick)()},loadItem:c,reloadItem:e=>u(e||[],!0)};Object.assign(I,t,{});const w=e=>{var t=o.value,i=a.value,s=U.value,{id:r,isExpand:l,showAction:n}=e;return(0,_vue.h)("div",{itemid:r,class:["vxe-split-pane-handle",s?"to--next":"to--prev"]},[(0,_vue.h)("div",{class:"vxe-split-pane-handle-bar",style:t,onMousedown:h}),n?(0,_vue.h)("span",{class:"vxe-split-pane-action-btn",onDblclick:g,onClick:f},[(0,_vue.h)("i",{class:(l?i.openIcon:i.closeIcon)||(e=>{var t=W["vertical"],{showAction:e,isExpand:i}=e,s=U.value,r="SPLIT_TOP_ACTION",l="SPLIT_BOTTOM_ACTION",n="SPLIT_LEFT_ACTION",a="SPLIT_RIGHT_ACTION";if(e){let e="";if(e=s?t?i?l:r:i?a:n:t?i?r:l:i?n:a)return(0,_ui.getIcon)()[e]}return""})(e)})]):(0,_ui.renderEmptyElement)(I)])};const _=(0,_vue.ref)(0);(0,_vue.watch)(()=>W.items?W.items.length:-1,()=>{_.value++}),(0,_vue.watch)(()=>W.items,()=>{_.value++}),(0,_vue.watch)(_,()=>{c(W.items||[])}),(0,_vue.watch)(()=>E.staticItems,e=>{W.items&&W.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),E.itemList=e,T()});let p;return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{T()});var e=C.value;e&&(p=_ui.globalResize.create(()=>{T()})).observe(e),_ui.globalEvents.on(I,"resize",v)}),(0,_vue.onUnmounted)(()=>{p&&p.disconnect(),_ui.globalEvents.off(I,"resize")}),(0,_vue.onActivated)(()=>{T()}),W.items&&c(W.items),(0,_vue.provide)("$xeSplit",I),I.renderVN=()=>{var{vertical:e,width:t,height:i}=W,s=l.default,r={};return i&&(r.height=(0,_dom.toCssUnit)(i)),t&&(r.width=(0,_dom.toCssUnit)(t)),(0,_vue.h)("div",{ref:C,class:["vxe-split",e?"is--vertical":"is--horizontal"],style:r},[(0,_vue.h)("div",{class:"vxe-split-slots"},s?s({}):[]),(()=>{const{border:v,padding:_,resize:p,vertical:x}=W,b=E["itemList"],z=n.value,C=U.value,H=[];return b.forEach((e,t)=>{var{id:i,name:s,slots:r,renderHeight:l,resizeHeight:n,foldHeight:a,renderWidth:o,resizeWidth:d,foldWidth:u,isVisible:c,isExpand:h}=e,r=r?r.default:null,m={};let g=c?u||d||o:0,f=c?a||n||l:0;x?e.height||(f=0):e.width||(g=0),x?f&&(m.height=1===z.length?"100%":(0,_dom.toCssUnit)(f)):g&&(m.width=1===z.length?"100%":(0,_dom.toCssUnit)(g)),H.push((0,_vue.h)("div",{itemid:i,class:["vxe-split-pane",x?"is--vertical":"is--horizontal",{"is--resize":p,"is--padding":_,"is--border":v,"is--height":f,"is--width":g,"is--fill":c&&!f&&!g,"is--handle":0<t,"is--expand":h,"is--hidden":!c}],style:m},[t&&!C?w(e):(0,_ui.renderEmptyElement)(I),(0,_vue.h)("div",{itemid:i,class:"vxe-split-pane--wrapper"},[(0,_vue.h)("div",{class:"vxe-split-pane--inner"},r?O(r,{name:s,isVisible:c,isExpand:h}):[])]),C&&t<b.length-1?w(e):(0,_ui.renderEmptyElement)(I)]))}),(0,_vue.h)("div",{class:"vxe-split-wrapper"},H)})()])},I},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:"VxeSplit",props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:()=>(0,_ui.getConfig)().split.vertical},border:{type:Boolean,default:()=>(0,_ui.getConfig)().split.border},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().split.padding},resize:{type:Boolean,default:()=>(0,_ui.getConfig)().split.resize},items:Array,itemConfig:Object,barConfig:Object,actionConfig:Object},emits:["action-dblclick","action-click","toggle-expand","resize-start","resize-drag","resize-end"],setup(E,e){const{emit:s,slots:l}=e;var t=_xeUtils.default.uniqueId();const C=(0,_vue.ref)(),U=(0,_vue.reactive)({staticItems:[],itemList:[]});const H=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.itemConfig,E.itemConfig)),r=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.barConfig,E.barConfig)),a=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().split.actionConfig,E.actionConfig)),I=(0,_vue.computed)(()=>{return"next"===a.value.direction}),n=(0,_vue.computed)(()=>U.itemList.filter(e=>e.isVisible)),o=(0,_vue.computed)(()=>{const t=E["vertical"];return U.itemList.filter(e=>t?!e.height:!e.width)}),d=(0,_vue.computed)(()=>{var{width:e,height:t}=r.value,i={};return t&&(i.height=(0,_dom.toCssUnit)(t)),e&&(i.width=(0,_dom.toCssUnit)(e)),i}),i={computeItemOpts:H,computeBarOpts:r,computeActionOpts:a,computeIsFoldNext:I},u={refElem:C},N={xID:t,props:E,context:e,reactData:U,internalData:{},getRefMaps:()=>u,getComputeMaps:()=>i},W=(e,t,i)=>{s(e,(0,_ui.createEvent)(i,{$split:N},t))},O=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=l[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[];const c=(e,t)=>{var i=U["staticItems"];const s={isVisible:!0,isExpand:!0,renderWidth:0,resizeWidth:0,foldWidth:0,renderHeight:0,resizeHeight:0,foldHeight:0};return U.itemList=e.map(e=>(e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||l[e]||(0,_log.errLog)("vxe.error.notSlot",[e])}),Object.assign({},t?null:s,e,t?s:null,{id:_xeUtils.default.uniqueId()}))),i.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),w()},h=e=>c(e||[],!1);const w=()=>(0,_vue.nextTick)().then(()=>{var e=E["vertical"],t=U["itemList"],i=C.value;if(i){const r=i.clientWidth,l=i.clientHeight;if(r&&l){i=H.value;const n=_xeUtils.default.toNumber(i.minWidth),a=_xeUtils.default.toNumber(i.minHeight),o=[];if(e){let s=0;if(t.forEach(e=>{var t=e["height"];let i=0;t?(i=(0,_dom.isScale)(t)?l*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderHeight=i):o.push(e),s+=i}),o.length){const d=(l-s)/o.length;o.forEach(e=>{e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,a)),d)})}}else{let s=0;if(t.forEach(e=>{var t=e["width"];let i=0;t?(i=(0,_dom.isScale)(t)?r*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderWidth=i):o.push(e),s+=i}),o.length){const u=(r-s)/o.length;o.forEach(e=>{e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,n)),u)})}}}}}),m=e=>{const{resize:t,vertical:s}=E;var i=U["itemList"];if(t){e.preventDefault();var r=e.currentTarget.parentElement;const a=C.value;if(a){const o=r.getAttribute("itemid");r=_xeUtils.default.findIndexOf(i,e=>e.id===o);const d=i[r];if(d&&d.isExpand){const u=I.value;var l=H.value,n=_xeUtils.default.toNumber(l.minWidth),l=_xeUtils.default.toNumber(l.minHeight);const c=i[r+(u?1:-1)];i=c?a.querySelector(`.vxe-split-pane[itemid="${c.id}"]`):null,r=d?a.querySelector(`.vxe-split-pane[itemid="${d.id}"]`):null;const h=i?i.clientWidth:0,m=r?r.clientWidth:0,g=i?i.clientHeight:0,f=r?r.clientHeight:0,v=_xeUtils.default.toNumber(c?(0,_utils.getGlobalDefaultConfig)(c.minWidth,n):n),_=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(d.minWidth,n)),p=_xeUtils.default.toNumber(c?(0,_utils.getGlobalDefaultConfig)(c.minHeight,l):l),x=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(d.minHeight,l)),b=e.clientX,z=e.clientY;(0,_dom.addClass)(a,"is--drag"),document.onmousemove=e=>{var t,i;e.preventDefault(),s?0<(t=u?z-e.clientY:e.clientY-z)?c&&f-t>=x&&(i=f-t,c.resizeHeight=g+t,d.resizeHeight=i,W("resize-drag",{item:d,name:d.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):c&&g+t>=p&&(i=f-t,c.resizeHeight=g+t,d.resizeHeight=i,W("resize-drag",{item:d,name:d.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):0<(t=u?b-e.clientX:e.clientX-b)?c&&m-t>=_&&(i=m-t,c.resizeWidth=h+t,d.resizeWidth=i,W("resize-drag",{item:d,name:d.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e)):c&&h+t>=v&&(i=m-t,c.resizeWidth=h+t,d.resizeWidth=i,W("resize-drag",{item:d,name:d.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e))},document.onmouseup=e=>{document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(a,"is--drag"),W("resize-end",{item:d,name:d.name,resizeHeight:d.resizeHeight,resizeWidth:d.resizeWidth},e),w()},W("resize-start",{item:d,name:d.name},e)}}}},g=e=>{if(C.value){var t=E["vertical"],i=U["itemList"],s=I.value;const n=e.currentTarget.parentElement.getAttribute("itemid");var r=_xeUtils.default.findIndexOf(i,e=>e.id===n),l=i[r],i=i[r+(s?1:-1)];l&&({showAction:r,isExpand:s}=l,r)&&(t?i&&(i.isVisible=!s,i.foldHeight=0,l.isExpand=!s,l.isVisible=!0,l.foldHeight=s?(i.resizeHeight||i.renderHeight)+(l.resizeHeight||l.renderHeight):0):i&&(i.isVisible=!s,i.foldWidth=0,l.isExpand=!s,l.isVisible=!0,l.foldWidth=s?(i.resizeWidth||i.renderWidth)+(l.resizeWidth||l.renderWidth):0),W("toggle-expand",{item:l,name:l.name,targetItem:i,targetName:i?i.name:"",expanded:l.isExpand},e),w())}},f=e=>{var t=U["itemList"],i=a.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"===i.trigger&&g(e),W("action-dblclick",{item:t,name:t?t.name:""},e)},v=e=>{var t=U["itemList"],i=a.value;const s=e.currentTarget.parentElement.getAttribute("itemid");t=t[_xeUtils.default.findIndexOf(t,e=>e.id===s)];"dblclick"!==i.trigger&&g(e),W("action-click",{item:t,name:t?t.name:""},e)},_=()=>{w()};t={dispatchEvent:W,recalculate:w,reset:()=>{var e=U["itemList"];return e.forEach(e=>{e.isExpand=!0,e.isVisible=!0,e.foldHeight=0,e.foldWidth=0,e.resizeHeight=0,e.resizeWidth=0}),(0,_vue.nextTick)()},loadItem:h,reloadItem:e=>c(e||[],!0)};Object.assign(N,t,{});const L=e=>{var t=d.value,i=a.value,s=I.value,{id:r,isExpand:l,showAction:n}=e;return(0,_vue.h)("div",{itemid:r,class:["vxe-split-pane-handle",s?"to--next":"to--prev"]},[(0,_vue.h)("div",{class:"vxe-split-pane-handle-bar",style:t,onMousedown:m}),n?(0,_vue.h)("span",{class:"vxe-split-pane-action-btn",onDblclick:f,onClick:v},[(0,_vue.h)("i",{class:(l?i.openIcon:i.closeIcon)||(e=>{var t=E["vertical"],{showAction:e,isExpand:i}=e,s=I.value,r="SPLIT_TOP_ACTION",l="SPLIT_BOTTOM_ACTION",n="SPLIT_LEFT_ACTION",a="SPLIT_RIGHT_ACTION";if(e){let e="";if(e=s?t?i?l:r:i?a:n:t?i?r:l:i?n:a)return(0,_ui.getIcon)()[e]}return""})(e)})]):(0,_ui.renderEmptyElement)(N)])};const p=(0,_vue.ref)(0);(0,_vue.watch)(()=>E.items?E.items.length:-1,()=>{p.value++}),(0,_vue.watch)(()=>E.items,()=>{p.value++}),(0,_vue.watch)(p,()=>{h(E.items||[])}),(0,_vue.watch)(()=>U.staticItems,e=>{E.items&&E.items.length&&(0,_log.errLog)("vxe.error.errConflicts",["<vxe-split-pane ...>","items"]),U.itemList=e,w()});let x;return(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{w()});var e=C.value;e&&(x=_ui.globalResize.create(()=>{w()})).observe(e),_ui.globalEvents.on(N,"resize",_)}),(0,_vue.onUnmounted)(()=>{x&&x.disconnect(),_ui.globalEvents.off(N,"resize")}),(0,_vue.onActivated)(()=>{w()}),E.items&&h(E.items),(0,_vue.provide)("$xeSplit",N),N.renderVN=()=>{var{vertical:e,width:t,height:i}=E,s=l.default,r={};return i&&(r.height=(0,_dom.toCssUnit)(i)),t&&(r.width=(0,_dom.toCssUnit)(t)),(0,_vue.h)("div",{ref:C,class:["vxe-split",e?"is--vertical":"is--horizontal"],style:r},[(0,_vue.h)("div",{class:"vxe-split-slots"},s?s({}):[]),(()=>{const{border:v,padding:_,resize:p,vertical:x}=E,b=U["itemList"],z=n.value,C=o.value,H=I.value,W=[];return b.forEach((e,t)=>{var{id:i,name:s,slots:r,renderHeight:l,resizeHeight:n,foldHeight:a,renderWidth:o,resizeWidth:d,foldWidth:u,isVisible:c,isExpand:h}=e,r=r?r.default:null,m={};let g=c?u||d||o:0,f=c?a||n||l:0;1===C.length&&(x?e.height||(f=0):e.width||(g=0)),x?f&&(m.height=1===z.length?"100%":(0,_dom.toCssUnit)(f)):g&&(m.width=1===z.length?"100%":(0,_dom.toCssUnit)(g)),W.push((0,_vue.h)("div",{itemid:i,class:["vxe-split-pane",x?"is--vertical":"is--horizontal",{"is--resize":p,"is--padding":_,"is--border":v,"is--height":f,"is--width":g,"is--fill":c&&!f&&!g,"is--handle":0<t,"is--expand":h,"is--hidden":!c}],style:m},[t&&!H?L(e):(0,_ui.renderEmptyElement)(N),(0,_vue.h)("div",{itemid:i,class:"vxe-split-pane--wrapper"},[(0,_vue.h)("div",{class:"vxe-split-pane--inner"},r?O(r,{name:s,isVisible:c,isExpand:h}):[])]),H&&t<b.length-1?L(e):(0,_ui.renderEmptyElement)(N)]))}),(0,_vue.h)("div",{class:"vxe-split-wrapper"},W)})()])},N},render(){return this.renderVN()}});