vxe-pc-ui 3.5.1 → 3.5.2

package/lib/split/src/split.js

@@ -29,6 +29,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         return (0, _ui.getConfig)().split.border;
       }
     },
+    padding: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().split.padding;
+      }
+    },
     itemConfig: Object
   },
   data: function data() {
@@ -237,6 +243,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeSplit;
       var reactData = $xeSplit.reactData;
       var border = props.border,
+        padding = props.padding,
         vertical = props.vertical;
       var staticItems = reactData.staticItems;
       var itemVNs = [];
@@ -261,6 +268,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
             xid: id
           },
           class: ['vxe-split-item', vertical ? 'is--vertical' : 'is--horizontal', {
+            'is--padding': padding,
             'is--border': border,
             'is--height': renderHeight,
             'is--width': renderWidth,
@@ -281,7 +289,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
             xid: id
           },
           class: 'vxe-split-item--wrapper'
-        }, defaultSlot ? $xeSplit.callSlot(defaultSlot, {}) : [])]));
+        }, [h('div', {
+          class: 'vxe-split-item--inner'
+        }, defaultSlot ? $xeSplit.callSlot(defaultSlot, {}) : [])])]));
       });
       return h('div', {
         class: 'vxe-split-wrapper'

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}},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 r,n,e,i,l,s,u,o,a,t=m.vertical,d=h.staticItems,c=f.$refs.refElem;c&&(r=c.clientWidth,n=c.clientHeight,r)&&n&&(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)?n*_xeUtils.default.toNumber(e):_xeUtils.default.toNumber(e),t.renderHeight=i):l.push(t),s+=i}),l.length&&(u=(n-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)?r*_xeUtils.default.toNumber(e):_xeUtils.default.toNumber(e),t.renderWidth=i):l.push(t),o+=i}),l.length&&(a=(r-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,r,n,l,s,u,o,a,d,c,f,m,h,g=this,_=g,p=g.reactData,v=(t.preventDefault(),_.vertical),_=p.staticItems,p=t.currentTarget,x=g.$refs.refElem;x&&(e=p.getAttribute("xid"),p=_xeUtils.default.findIndexOf(_,function(t){return t.id===e}),i=_[p])&&(g=g.computeItemOpts,r=_xeUtils.default.toNumber(g.minWidth),g=_xeUtils.default.toNumber(g.minHeight),_=(n=_[p-1])?x.querySelector('.vxe-split-item[xid="'.concat(n.id,'"]')):null,p=i?x.querySelector('.vxe-split-item[xid="'.concat(i.id,'"]')):null,l=_?_.clientWidth:0,s=p?p.clientWidth:0,u=_?_.clientHeight:0,o=p?p.clientHeight:0,a=_xeUtils.default.toNumber(n?(0,_utils.getGlobalDefaultConfig)(n.minWidth,r):r),d=_xeUtils.default.toNumber((0,_utils.getGlobalDefaultConfig)(i.minWidth,r)),c=_xeUtils.default.toNumber(n?(0,_utils.getGlobalDefaultConfig)(n.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)?n&&f<=o-e&&(n.renderHeight=u+e,i.renderHeight=o-e):n&&c<=u+e&&(n.renderHeight=u+e,i.renderHeight=o-e):0<(e=t.clientX-m)?n&&d<=s-e&&(n.renderWidth=l+e,i.renderWidth=s-e):n&&a<=l+e&&(n.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.vertical,t=t.staticItems,d=[];return t.forEach(function(t,e){var i=t.id,r=t.slots,n=t.renderHeight,t=t.renderWidth,r=r?r.default:null,l={};a?n&&(l.height=(0,_dom.toCssUnit)(n)):t&&(l.width=(0,_dom.toCssUnit)(t)),d.push(s("div",{attrs:{xid:i},class:["vxe-split-item",a?"is--vertical":"is--horizontal",{"is--border":o,"is--height":n,"is--width":t,"is--fill":!n&&!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"},r?u.callSlot(r,{}):[])]))}),s("div",{class:"vxe-split-wrapper"},d)},renderVN:function(t){var e=this.$scopedSlots,i=this.vertical,r=this.width,n=this.height,e=e.default,l={};return n&&(l.height=(0,_dom.toCssUnit)(n)),r&&(l.width=(0,_dom.toCssUnit)(r)),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(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)}});

package/lib/split/style/style.css

@@ -50,18 +50,27 @@
 .vxe-split-item--wrapper {
   position: relative;
   word-break: break-word;
-  overflow: auto;
+  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;
 }

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:auto;flex-grow:1}.vxe-split-item--wrapper>.vxe-split{height:100%}.vxe-split-item{display:flex;position:relative;overflow:auto}.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{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}