vxe-pc-ui 3.5.2 → 3.5.3

package/lib/split/src/split.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplit",mixins:[_ui.globalMixins.sizeMixin],props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.vertical}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.border}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.padding}},itemConfig:Object},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticItems:[]},internalData:{}}},provide:function(){return{$xeSplit:this}},computed:Object.assign(Object.assign({},{}),{computeItemOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.itemConfig,this.itemConfig)}}),methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$split:this},e))},callSlot:function(t,e){var i=this.$scopedSlots;return t&&(_xeUtils.default.isString(t)&&(t=i[t]||null),_xeUtils.default.isFunction(t))?(0,_vn.getSlotVNs)(t(e)):[]},recalculate:function(){var f=this,m=f,h=f.reactData;return f.$nextTick().then(function(){var n,r,e,i,l,s,u,o,a,t=m.vertical,d=h.staticItems,c=f.$refs.refElem;c&&(n=c.clientWidth,r=c.clientHeight,n)&&r&&(c=f.computeItemOpts,e=_xeUtils.default.toNumber(c.minWidth),i=_xeUtils.default.toNumber(c.minHeight),l=[],t?(s=0,d.forEach(function(t){var e=t.height,i=0;e?(i=(0,_dom.isScale)(e)?r*_xeUtils.default.toNumber(e):_xeUtils.default.toNumber(e),t.renderHeight=i):l.push(t),s+=i}),l.length&&(u=(r-s)/l.length,l.forEach(function(t){t.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(t.minHeight,i)),u)}))):(o=0,d.forEach(function(t){var e=t.width,i=0;e?(i=(0,_dom.isScale)(e)?n*_xeUtils.default.toNumber(e):_xeUtils.default.toNumber(e),t.renderWidth=i):l.push(t),o+=i}),l.length&&(a=(n-o)/l.length,l.forEach(function(t){t.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(t.minWidth,e)),a)}))))})},dragEvent:function(t){var e,i,n,r,l,s,u,o,a,d,c,f,m,h,g=this,p=g,_=g.reactData,v=(t.preventDefault(),p.vertical),p=_.staticItems,_=t.currentTarget,x=g.$refs.refElem;x&&(e=_.getAttribute("xid"),_=_xeUtils.default.findIndexOf(p,function(t){return t.id===e}),i=p[_])&&(g=g.computeItemOpts,n=_xeUtils.default.toNumber(g.minWidth),g=_xeUtils.default.toNumber(g.minHeight),p=(r=p[_-1])?x.querySelector('.vxe-split-item[xid="'.concat(r.id,'"]')):null,_=i?x.querySelector('.vxe-split-item[xid="'.concat(i.id,'"]')):null,l=p?p.clientWidth:0,s=_?_.clientWidth:0,u=p?p.clientHeight:0,o=_?_.clientHeight:0,a=_xeUtils.default.toNumber(r?(0,_utils.getGlobalDefaultConfig)(r.minWidth,n):n),d=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(i.minWidth,n)),c=_xeUtils.default.toNumber(r?(0,_utils.getGlobalDefaultConfig)(r.minHeight,g):g),f=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(i.minHeight,g)),m=t.clientX,h=t.clientY,(0,_dom.addClass)(x,"is--drag"),document.onmousemove=function(t){var e;t.preventDefault(),v?0<(e=t.clientY-h)?r&&f<=o-e&&(r.renderHeight=u+e,i.renderHeight=o-e):r&&c<=u+e&&(r.renderHeight=u+e,i.renderHeight=o-e):0<(e=t.clientX-m)?r&&d<=s-e&&(r.renderWidth=l+e,i.renderWidth=s-e):r&&a<=l+e&&(r.renderWidth=l+e,i.renderWidth=s-e)},document.onmouseup=function(){document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(x,"is--drag")})},renderItems:function(s){var u=this,t=u.reactData,o=u.border,a=u.padding,d=u.vertical,t=t.staticItems,c=[];return t.forEach(function(t,e){var i=t.id,n=t.slots,r=t.renderHeight,t=t.renderWidth,n=n?n.default:null,l={};d?r&&(l.height=(0,_dom.toCssUnit)(r)):t&&(l.width=(0,_dom.toCssUnit)(t)),c.push(s("div",{attrs:{xid:i},class:["vxe-split-item",d?"is--vertical":"is--horizontal",{"is--padding":a,"is--border":o,"is--height":r,"is--width":t,"is--fill":!r&&!t,"is--handle":0<e}],style:l},[e?s("div",{attrs:{xid:i},class:"vxe-split-item-handle",on:{mousedown:u.dragEvent}}):(0,_ui.renderEmptyElement)(u),s("div",{attrs:{xid:i},class:"vxe-split-item--wrapper"},[s("div",{class:"vxe-split-item--inner"},n?u.callSlot(n,{}):[])])]))}),s("div",{class:"vxe-split-wrapper"},c)},renderVN:function(t){var e=this.$scopedSlots,i=this.vertical,n=this.width,r=this.height,e=e.default,l={};return r&&(l.height=(0,_dom.toCssUnit)(r)),n&&(l.width=(0,_dom.toCssUnit)(n)),t("div",{ref:"refElem",class:["vxe-split",i?"is--vertical":"is--horizontal"],style:l},[t("div",{class:"vxe-split-slots"},e?e({}):[]),this.renderItems(t)])}},render:function(t){return this.renderVN(t)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplit",mixins:[_ui.globalMixins.sizeMixin],props:{width:[Number,String],height:[Number,String],vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.vertical}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.border}},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.padding}},itemConfig:Object,barConfig:Object,actionConfig:Object},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticItems:[]},internalData:{}}},provide:function(){return{$xeSplit:this}},computed:Object.assign(Object.assign({},{}),{computeItemOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.itemConfig,this.itemConfig)},computeBarOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.barConfig,this.barConfig)},computeActionOpts:function(){return Object.assign({},(0,_ui.getConfig)().split.actionConfig,this.actionConfig)},computeIsFoldNext:function(){return"next"===this.computeActionOpts.direction},computeBarStyle:function(){var e=this.computeBarOpts,t=e.width,e=e.height,i={};return e&&(i.height=(0,_dom.toCssUnit)(e)),t&&(i.width=(0,_dom.toCssUnit)(t)),i}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$split:this},t))},callSlot:function(e,t){var i=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=i[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[]},recalculate:function(){var h=this,m=h,f=h.reactData;return h.$nextTick().then(function(){var n,s,t,i,r,l,o,a,d,e=m.vertical,u=f.staticItems,c=h.$refs.refElem;c&&(n=c.clientWidth,s=c.clientHeight,n)&&s&&(c=h.computeItemOpts,t=_xeUtils.default.toNumber(c.minWidth),i=_xeUtils.default.toNumber(c.minHeight),r=[],e?(l=0,u.forEach(function(e){var t=e.height,i=0;t?(i=(0,_dom.isScale)(t)?s*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderHeight=i):r.push(e),l+=i}),r.length&&(o=(s-l)/r.length,r.forEach(function(e){e.renderHeight=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minHeight,i)),o)}))):(a=0,u.forEach(function(e){var t=e.width,i=0;t?(i=(0,_dom.isScale)(t)?n*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderWidth=i):r.push(e),a+=i}),r.length&&(d=(n-a)/r.length,r.forEach(function(e){e.renderWidth=Math.max(_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(e.minWidth,t)),d)}))))})},dragEvent:function(e){var t,n,s,i,r,l,o,a,d,u,c,h,m,f,g,p,v=this,_=v,x=v.reactData,b=(e.preventDefault(),_.vertical),_=x.staticItems,x=e.currentTarget.parentElement,E=v.$refs.refElem;E&&(t=x.getAttribute("itemid"),x=_xeUtils.default.findIndexOf(_,function(e){return e.id===t}),n=_[x])&&n.isExpand&&(s=v.computeIsFoldNext,r=v.computeItemOpts,i=_xeUtils.default.toNumber(r.minWidth),r=_xeUtils.default.toNumber(r.minHeight),_=(l=_[x+(s?1:-1)])?E.querySelector('.vxe-split-item[itemid="'.concat(l.id,'"]')):null,x=n?E.querySelector('.vxe-split-item[itemid="'.concat(n.id,'"]')):null,o=_?_.clientWidth:0,a=x?x.clientWidth:0,d=_?_.clientHeight:0,u=x?x.clientHeight:0,c=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minWidth,i):i),h=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(n.minWidth,i)),m=_xeUtils.default.toNumber(l?(0,_utils.getGlobalDefaultConfig)(l.minHeight,r):r),f=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(n.minHeight,r)),g=e.clientX,p=e.clientY,(0,_dom.addClass)(E,"is--drag"),document.onmousemove=function(e){var t,i;e.preventDefault(),b?0<(t=s?p-e.clientY:e.clientY-p)?l&&f<=u-t&&(i=u-t,l.resizeHeight=d+t,n.resizeHeight=i,v.dispatchEvent("resize-drag",{item:n,name:n.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):l&&m<=d+t&&(i=u-t,l.resizeHeight=d+t,n.resizeHeight=i,v.dispatchEvent("resize-drag",{item:n,name:n.name,offsetHeight:t,resizeHeight:i,offsetWidth:0,resizeWidth:0},e)):0<(t=s?g-e.clientX:e.clientX-g)?l&&h<=a-t&&(i=a-t,l.resizeWidth=o+t,n.resizeWidth=i,v.dispatchEvent("resize-drag",{item:n,name:n.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e)):l&&c<=o+t&&(i=a-t,l.resizeWidth=o+t,n.resizeWidth=i,v.dispatchEvent("resize-drag",{item:n,name:n.name,offsetHeight:0,resizeHeight:0,offsetWidth:t,resizeWidth:i},e))},document.onmouseup=function(e){document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(E,"is--drag"),v.dispatchEvent("resize-end",{item:n,name:n.name,resizeHeight:n.resizeHeight,resizeWidth:n.resizeWidth},e)},v.dispatchEvent("resize-start",{item:n,name:n.name},e))},handleItemActionEvent:function(e){var t,i,n,s,r,l=this,o=l.reactData;l.$refs.refElem&&(t=l.vertical,o=o.staticItems,r=l.computeIsFoldNext,i=e.currentTarget.parentElement.getAttribute("itemid"),n=o[s=_xeUtils.default.findIndexOf(o,function(e){return e.id===i})],o=o[s+(r?1:-1)],n)&&(s=n.showAction,r=n.isExpand,s)&&(t?o&&(o.isVisible=!r,o.foldHeight=0,n.isExpand=!r,n.isVisible=!0,n.foldHeight=r?(o.resizeHeight||o.renderHeight)+(n.resizeHeight||n.renderHeight):0):o&&(o.isVisible=!r,o.foldWidth=0,n.isExpand=!r,n.isVisible=!0,n.foldWidth=r?(o.resizeWidth||o.renderWidth)+(n.resizeWidth||n.renderWidth):0),l.dispatchEvent("dblclick"===e.type?"action-dblclick":"action-click",{item:n,name:n.name,targetItem:o,targetName:o?o.name:"",expanded:n.isExpand},e))},handleGlobalResizeEvent:function(){this.recalculate()},getDefaultActionIcon:function(e){var t=this.vertical,i=e.showAction,e=e.isExpand,n=this.computeIsFoldNext,s="SPLIT_TOP_ACTION",r="SPLIT_BOTTOM_ACTION",l="SPLIT_LEFT_ACTION",o="SPLIT_RIGHT_ACTION";if(i){i="";if(i=n?t?e?r:s:e?o:l:t?e?s:r:e?l:o)return(0,_ui.getIcon)()[i]}return""},renderHandleBar:function(e,t){var i=this,n=i.computeBarStyle,s=i.computeActionOpts,r=i.computeIsFoldNext,l=t.id,o=t.isExpand,a=t.showAction,d={};return"dblclick"===s.trigger?d.dblclick=i.handleItemActionEvent:d.click=i.handleItemActionEvent,e("div",{attrs:{itemid:l},class:["vxe-split-item-handle",r?"to--next":"to--prev"]},[e("div",{class:"vxe-split-item-handle-bar",style:n,on:{mousedown:i.dragEvent}}),a?e("span",{class:"vxe-split-item-action-btn",on:d},[e("i",{class:(o?s.openIcon:s.closeIcon)||i.getDefaultActionIcon(t)})]):(0,_ui.renderEmptyElement)(i)])},renderItems:function(d){var u=this,e=u.reactData,c=u.border,h=u.padding,m=u.vertical,f=e.staticItems,g=u.computeIsFoldNext,p=[];return f.forEach(function(e,t){var i=e.id,n=e.slots,s=e.isVisible,r=e.isExpand,n=n?n.default:null,l={},o=s?e.foldWidth||e.resizeWidth||e.renderWidth:0,a=s?e.foldHeight||e.resizeHeight||e.renderHeight:0;m?a&&(l.height=(0,_dom.toCssUnit)(a)):o&&(l.width=(0,_dom.toCssUnit)(o)),p.push(d("div",{attrs:{itemid:i},class:["vxe-split-item",m?"is--vertical":"is--horizontal",{"is--padding":h,"is--border":c,"is--height":a,"is--width":o,"is--fill":s&&!a&&!o,"is--handle":0<t,"is--expand":r,"is--hidden":!s}],style:l},[t&&!g?u.renderHandleBar(d,e):(0,_ui.renderEmptyElement)(u),d("div",{attrs:{itemid:i},class:"vxe-split-item--wrapper"},[d("div",{class:"vxe-split-item--inner"},n?u.callSlot(n,{}):[])]),g&&t<f.length-1?u.renderHandleBar(d,e):(0,_ui.renderEmptyElement)(u)]))}),d("div",{class:"vxe-split-wrapper"},p)},renderVN:function(e){var t=this.$scopedSlots,i=this.vertical,n=this.width,s=this.height,t=t.default,r={};return s&&(r.height=(0,_dom.toCssUnit)(s)),n&&(r.width=(0,_dom.toCssUnit)(n)),e("div",{ref:"refElem",class:["vxe-split",i?"is--vertical":"is--horizontal"],style:r},[e("div",{class:"vxe-split-slots"},t?t({}):[]),this.renderItems(e)])}},created:function(){_ui.globalEvents.on(this,"resize",this.handleGlobalResizeEvent)},mounted:function(){var e=this;e.$nextTick(function(){e.recalculate()})},beforeDestroy:function(){_ui.globalEvents.off(this,"resize")},render:function(e){return this.renderVN(e)}});

package/lib/split/style/style.css

@@ -33,19 +33,13 @@
 }
 
 .vxe-split-item-handle {
+  position: relative;
   flex-shrink: 0;
-  background-color: var(--vxe-split-handle-bar-background-color);
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
-.vxe-split-item-handle:hover {
-  background-color: var(--vxe-ui-font-primary-lighten-color);
-}
-.vxe-split-item-handle:active {
-  background-color: var(--vxe-ui-font-primary-darken-color);
-}
 
 .vxe-split-item--wrapper {
   position: relative;
@@ -53,21 +47,38 @@
   overflow: hidden;
   flex-grow: 1;
 }
-.vxe-split-item--wrapper > .vxe-split {
-  height: 100%;
-}
 
 .vxe-split-item--inner {
   height: 100%;
   width: 100%;
   overflow: auto;
 }
+.vxe-split-item--inner > .vxe-split {
+  height: 100%;
+}
+
+.vxe-split-item-handle-bar {
+  background-color: var(--vxe-split-handle-bar-background-color);
+}
+
+.vxe-split-item-action-btn {
+  display: block;
+  position: absolute;
+  z-index: 2;
+  cursor: pointer;
+  background-color: var(--vxe-ui-layout-background-color);
+  border: 1px solid var(--vxe-ui-input-border-color);
+  transition: transform 0.1s ease-in-out;
+}
 
 .vxe-split-item {
   display: flex;
   position: relative;
   overflow: auto;
 }
+.vxe-split-item.is--hidden {
+  width: 0;
+}
 .vxe-split-item.is--padding > .vxe-split-item--wrapper {
   padding: var(--vxe-ui-layout-padding-default);
 }
@@ -80,12 +91,44 @@
 .vxe-split-item.is--border > .vxe-split-item--wrapper, .vxe-split-item.is--border > .vxe-split-item-handle {
   border: 1px solid var(--vxe-ui-base-popup-border-color);
 }
+.vxe-split-item.is--expand.is--horizontal > .vxe-split-item-handle .vxe-split-item-handle-bar {
+  cursor: w-resize;
+}
+.vxe-split-item.is--expand.is--vertical > .vxe-split-item-handle .vxe-split-item-handle-bar {
+  cursor: n-resize;
+}
+.vxe-split-item.is--expand > .vxe-split-item-handle > .vxe-split-item-handle-bar {
+  background-color: var(--vxe-split-handle-bar-background-color);
+}
+.vxe-split-item.is--expand > .vxe-split-item-handle > .vxe-split-item-handle-bar:hover {
+  background-color: var(--vxe-ui-font-primary-lighten-color);
+}
+.vxe-split-item.is--expand > .vxe-split-item-handle > .vxe-split-item-handle-bar:active {
+  background-color: var(--vxe-ui-font-primary-darken-color);
+}
 .vxe-split-item.is--horizontal {
   flex-direction: row;
 }
-.vxe-split-item.is--horizontal > .vxe-split-item-handle {
+.vxe-split-item.is--horizontal > .vxe-split-item-handle.to--prev .vxe-split-item-action-btn {
+  left: 0;
+}
+.vxe-split-item.is--horizontal > .vxe-split-item-handle.to--next .vxe-split-item-action-btn {
+  right: 0;
+}
+.vxe-split-item.is--horizontal > .vxe-split-item-handle .vxe-split-item-handle-bar {
   width: var(--vxe-split-handle-bar-width);
-  cursor: w-resize;
+  height: 100%;
+}
+.vxe-split-item.is--horizontal > .vxe-split-item-handle .vxe-split-item-action-btn {
+  top: 50%;
+  transform: translateY(-50%);
+  padding: 1em 0;
+}
+.vxe-split-item.is--horizontal > .vxe-split-item-handle .vxe-split-item-action-btn:hover {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-split-item.is--horizontal > .vxe-split-item-handle .vxe-split-item-action-btn:active {
+  transform: translateY(-50%) scale(0.9);
 }
 .vxe-split-item.is--horizontal.is--border > .vxe-split-item-handle {
   border-width: 1px 0 1px 0;
@@ -93,9 +136,26 @@
 .vxe-split-item.is--vertical {
   flex-direction: column;
 }
-.vxe-split-item.is--vertical > .vxe-split-item-handle {
+.vxe-split-item.is--vertical > .vxe-split-item-handle.to--prev .vxe-split-item-action-btn {
+  top: 0;
+}
+.vxe-split-item.is--vertical > .vxe-split-item-handle.to--next .vxe-split-item-action-btn {
+  bottom: 0;
+}
+.vxe-split-item.is--vertical > .vxe-split-item-handle .vxe-split-item-handle-bar {
   height: var(--vxe-split-handle-bar-height);
-  cursor: n-resize;
+  width: 100%;
+}
+.vxe-split-item.is--vertical > .vxe-split-item-handle .vxe-split-item-action-btn {
+  left: 50%;
+  transform: translateX(-50%);
+  padding: 0 1em;
+}
+.vxe-split-item.is--vertical > .vxe-split-item-handle .vxe-split-item-action-btn:hover {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-split-item.is--vertical > .vxe-split-item-handle .vxe-split-item-action-btn:active {
+  transform: translateX(-50%) scale(0.9);
 }
 .vxe-split-item.is--vertical.is--border > .vxe-split-item-handle {
   border-width: 0 1px 0 1px;

package/lib/split/style/style.min.css

@@ -1 +1 @@
-.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-item{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-item>.vxe-split-item--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-item-handle{flex-shrink:0;background-color:var(--vxe-split-handle-bar-background-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split-item-handle:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-item-handle:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-item--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-item--wrapper>.vxe-split{height:100%}.vxe-split-item--inner{height:100%;width:100%;overflow:auto}.vxe-split-item{display:flex;position:relative;overflow:auto}.vxe-split-item.is--padding>.vxe-split-item--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-item.is--fill{flex-grow:1}.vxe-split-item.is--height,.vxe-split-item.is--width{flex-shrink:0}.vxe-split-item.is--border>.vxe-split-item--wrapper,.vxe-split-item.is--border>.vxe-split-item-handle{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-item.is--horizontal{flex-direction:row}.vxe-split-item.is--horizontal>.vxe-split-item-handle{width:var(--vxe-split-handle-bar-width);cursor:w-resize}.vxe-split-item.is--horizontal.is--border>.vxe-split-item-handle{border-width:1px 0 1px 0}.vxe-split-item.is--vertical{flex-direction:column}.vxe-split-item.is--vertical>.vxe-split-item-handle{height:var(--vxe-split-handle-bar-height);cursor:n-resize}.vxe-split-item.is--vertical.is--border>.vxe-split-item-handle{border-width:0 1px 0 1px}
+.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-item{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-item>.vxe-split-item--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-item-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-split-item--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-item--inner{height:100%;width:100%;overflow:auto}.vxe-split-item--inner>.vxe-split{height:100%}.vxe-split-item-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-item-action-btn{display:block;position:absolute;z-index:2;cursor:pointer;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color);transition:transform .1s ease-in-out}.vxe-split-item{display:flex;position:relative;overflow:auto}.vxe-split-item.is--hidden{width:0}.vxe-split-item.is--padding>.vxe-split-item--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-item.is--fill{flex-grow:1}.vxe-split-item.is--height,.vxe-split-item.is--width{flex-shrink:0}.vxe-split-item.is--border>.vxe-split-item--wrapper,.vxe-split-item.is--border>.vxe-split-item-handle{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-item.is--expand.is--horizontal>.vxe-split-item-handle .vxe-split-item-handle-bar{cursor:w-resize}.vxe-split-item.is--expand.is--vertical>.vxe-split-item-handle .vxe-split-item-handle-bar{cursor:n-resize}.vxe-split-item.is--expand>.vxe-split-item-handle>.vxe-split-item-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-item.is--expand>.vxe-split-item-handle>.vxe-split-item-handle-bar:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-item.is--expand>.vxe-split-item-handle>.vxe-split-item-handle-bar:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-item.is--horizontal{flex-direction:row}.vxe-split-item.is--horizontal>.vxe-split-item-handle.to--prev .vxe-split-item-action-btn{left:0}.vxe-split-item.is--horizontal>.vxe-split-item-handle.to--next .vxe-split-item-action-btn{right:0}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-handle-bar{width:var(--vxe-split-handle-bar-width);height:100%}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-action-btn{top:50%;transform:translateY(-50%);padding:1em 0}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-action-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-action-btn:active{transform:translateY(-50%) scale(.9)}.vxe-split-item.is--horizontal.is--border>.vxe-split-item-handle{border-width:1px 0 1px 0}.vxe-split-item.is--vertical{flex-direction:column}.vxe-split-item.is--vertical>.vxe-split-item-handle.to--prev .vxe-split-item-action-btn{top:0}.vxe-split-item.is--vertical>.vxe-split-item-handle.to--next .vxe-split-item-action-btn{bottom:0}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-handle-bar{height:var(--vxe-split-handle-bar-height);width:100%}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-action-btn{left:50%;transform:translateX(-50%);padding:0 1em}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-action-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-action-btn:active{transform:translateX(-50%) scale(.9)}.vxe-split-item.is--vertical.is--border>.vxe-split-item-handle{border-width:0 1px 0 1px}