vxe-pc-ui 3.5.0 → 3.5.2

package/lib/split/src/split-item.js

@@ -42,7 +42,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   data: function data() {
     var xID = _xeUtils.default.uniqueId();
     var reactData = {};
-    var itemConfig = {
+    var chunkConfig = {
       id: xID,
       width: 0,
       height: 0,
@@ -55,35 +55,30 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     return {
       xID: xID,
       reactData: reactData,
-      itemConfig: itemConfig
+      chunkConfig: chunkConfig
     };
   },
   computed: Object.assign({}, {}),
   watch: {
-    span: function span(val) {
-      var $xeSplitItem = this;
-      var itemConfig = $xeSplitItem.itemConfig;
-      itemConfig.span = val;
-    },
     width: function width(val) {
       var $xeSplitItem = this;
-      var itemConfig = $xeSplitItem.itemConfig;
-      itemConfig.width = val;
+      var chunkConfig = $xeSplitItem.chunkConfig;
+      chunkConfig.width = val;
     },
     height: function height(val) {
       var $xeSplitItem = this;
-      var itemConfig = $xeSplitItem.itemConfig;
-      itemConfig.height = val;
+      var chunkConfig = $xeSplitItem.chunkConfig;
+      chunkConfig.height = val;
     },
     minWidth: function minWidth(val) {
       var $xeSplitItem = this;
-      var itemConfig = $xeSplitItem.itemConfig;
-      itemConfig.minWidth = val;
+      var chunkConfig = $xeSplitItem.chunkConfig;
+      chunkConfig.minWidth = val;
     },
     minHeight: function minHeight(val) {
       var $xeSplitItem = this;
-      var itemConfig = $xeSplitItem.itemConfig;
-      itemConfig.minHeight = val;
+      var chunkConfig = $xeSplitItem.chunkConfig;
+      chunkConfig.minHeight = val;
     }
   },
   methods: {
@@ -109,8 +104,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     var $xeSplitItem = this;
     var props = $xeSplitItem;
     var slots = $xeSplitItem.$scopedSlots;
-    var itemConfig = $xeSplitItem.itemConfig;
-    Object.assign(itemConfig, {
+    var chunkConfig = $xeSplitItem.chunkConfig;
+    Object.assign(chunkConfig, {
       width: props.width,
       height: props.height,
       minWidth: props.minWidth,
@@ -123,20 +118,20 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   mounted: function mounted() {
     var $xeSplitItem = this;
     var slots = $xeSplitItem.$scopedSlots;
-    var itemConfig = $xeSplitItem.itemConfig;
+    var chunkConfig = $xeSplitItem.chunkConfig;
     var $xeSplit = $xeSplitItem.$xeSplit;
-    itemConfig.slots = slots;
+    chunkConfig.slots = slots;
     var elem = $xeSplitItem.$refs.refElem;
     if ($xeSplit && elem) {
-      (0, _util.assembleSplitItem)($xeSplit, elem, itemConfig);
+      (0, _util.assembleSplitItem)($xeSplit, elem, chunkConfig);
     }
   },
   beforeDestroy: function beforeDestroy() {
     var $xeSplitItem = this;
-    var itemConfig = $xeSplitItem.itemConfig;
+    var chunkConfig = $xeSplitItem.chunkConfig;
     var $xeSplit = $xeSplitItem.$xeSplit;
     if ($xeSplit) {
-      (0, _util.destroySplitItem)($xeSplit, itemConfig);
+      (0, _util.destroySplitItem)($xeSplit, chunkConfig);
     }
   },
   render: function render(h) {

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_ui=require("../../ui"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplitItem",mixins:[_ui.globalMixins.sizeMixin],props:{width:[Number,String],height:[Number,String],minWidth:{type:[Number,String],default:function(){return null}},minHeight:{type:[Number,String],default:function(){return null}}},inject:{$xeSplit:{default:null}},provide:function(){return{$xeSplitItem:this}},data:function(){var t=_xeUtils.default.uniqueId();return{xID:t,reactData:{},itemConfig:{id:t,width:0,height:0,minWidth:0,minHeight:0,renderWidth:0,renderHeight:0,slots:{}}}},computed:Object.assign({},{}),watch:{span:function(t){this.itemConfig.span=t},width:function(t){this.itemConfig.width=t},height:function(t){this.itemConfig.height=t},minWidth:function(t){this.itemConfig.minWidth=t},minHeight:function(t){this.itemConfig.minHeight=t}},methods:{dispatchEvent:function(t,i,e){this.$emit(t,(0,_ui.createEvent)(e,{$splitItem:this},i))},renderVN:function(t){return t("div",{ref:"refElem"})}},created:function(){var t=this,i=t.$scopedSlots;Object.assign(t.itemConfig,{width:t.width,height:t.height,minWidth:t.minWidth,minHeight:t.minHeight,renderWidth:0,renderHeight:0,slots:i})},mounted:function(){var t=this,i=t.$scopedSlots,e=t.itemConfig,n=t.$xeSplit,i=(e.slots=i,t.$refs.refElem);n&&i&&(0,_util.assembleSplitItem)(n,i,e)},beforeDestroy:function(){var t=this.itemConfig,i=this.$xeSplit;i&&(0,_util.destroySplitItem)(i,t)},render:function(t){return this.renderVN(t)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_ui=require("../../ui"),_util=require("./util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplitItem",mixins:[_ui.globalMixins.sizeMixin],props:{width:[Number,String],height:[Number,String],minWidth:{type:[Number,String],default:function(){return null}},minHeight:{type:[Number,String],default:function(){return null}}},inject:{$xeSplit:{default:null}},provide:function(){return{$xeSplitItem:this}},data:function(){var t=_xeUtils.default.uniqueId();return{xID:t,reactData:{},chunkConfig:{id:t,width:0,height:0,minWidth:0,minHeight:0,renderWidth:0,renderHeight:0,slots:{}}}},computed:Object.assign({},{}),watch:{width:function(t){this.chunkConfig.width=t},height:function(t){this.chunkConfig.height=t},minWidth:function(t){this.chunkConfig.minWidth=t},minHeight:function(t){this.chunkConfig.minHeight=t}},methods:{dispatchEvent:function(t,e,i){this.$emit(t,(0,_ui.createEvent)(i,{$splitItem:this},e))},renderVN:function(t){return t("div",{ref:"refElem"})}},created:function(){var t=this,e=t.$scopedSlots;Object.assign(t.chunkConfig,{width:t.width,height:t.height,minWidth:t.minWidth,minHeight:t.minHeight,renderWidth:0,renderHeight:0,slots:e})},mounted:function(){var t=this,e=t.$scopedSlots,i=t.chunkConfig,n=t.$xeSplit,e=(i.slots=e,t.$refs.refElem);n&&e&&(0,_util.assembleSplitItem)(n,e,i)},beforeDestroy:function(){var t=this.chunkConfig,e=this.$xeSplit;e&&(0,_util.destroySplitItem)(e,t)},render:function(t){return this.renderVN(t)}});

package/lib/split/src/split.js

@@ -15,10 +15,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   name: 'VxeSplit',
   mixins: [_ui.globalMixins.sizeMixin],
   props: {
-    resize: {
-      type: Boolean,
-      default: null
-    },
+    width: [Number, String],
+    height: [Number, String],
     vertical: {
       type: Boolean,
       default: function _default() {
@@ -31,18 +29,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         return (0, _ui.getConfig)().split.border;
       }
     },
-    minWidth: {
-      type: [Number, String],
+    padding: {
+      type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().split.minWidth;
+        return (0, _ui.getConfig)().split.padding;
       }
     },
-    minHeight: {
-      type: [Number, String],
-      default: function _default() {
-        return (0, _ui.getConfig)().split.minHeight;
-      }
-    }
+    itemConfig: Object
   },
   data: function data() {
     var xID = _xeUtils.default.uniqueId();
@@ -62,7 +55,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       $xeSplit: $xeSplit
     };
   },
-  computed: Object.assign({}, {}),
+  computed: Object.assign(Object.assign({}, {}), {
+    computeItemOpts: function computeItemOpts() {
+      var $xeSplit = this;
+      var props = $xeSplit;
+      return Object.assign({}, (0, _ui.getConfig)().split.itemConfig, props.itemConfig);
+    }
+  }),
   methods: {
     //
     // Method
@@ -91,9 +90,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeSplit;
       var reactData = $xeSplit.reactData;
       return $xeSplit.$nextTick().then(function () {
-        var vertical = props.vertical,
-          minWidth = props.minWidth,
-          minHeight = props.minHeight;
+        var vertical = props.vertical;
         var staticItems = reactData.staticItems;
         var el = $xeSplit.$refs.refElem;
         if (!el) {
@@ -104,6 +101,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         if (!wrapperWidth || !wrapperHeight) {
           return;
         }
+        var itemOpts = $xeSplit.computeItemOpts;
+        var allMinWidth = _xeUtils.default.toNumber(itemOpts.minWidth);
+        var allMinHeight = _xeUtils.default.toNumber(itemOpts.minHeight);
         var residueItems = [];
         if (vertical) {
           var countHeight = 0;
@@ -125,7 +125,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           if (residueItems.length) {
             var reMeanHeight = (wrapperHeight - countHeight) / residueItems.length;
             residueItems.forEach(function (item) {
-              item.renderHeight = Math.max((0, _utils.getGlobalDefaultConfig)(item.minHeight, minHeight), reMeanHeight);
+              item.renderHeight = Math.max(_xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minHeight, allMinHeight)), reMeanHeight);
             });
           }
         } else {
@@ -148,7 +148,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           if (residueItems.length) {
             var reMeanWidth = (wrapperWidth - countWidth) / residueItems.length;
             residueItems.forEach(function (item) {
-              item.renderWidth = Math.max((0, _utils.getGlobalDefaultConfig)(item.minWidth, minWidth), reMeanWidth);
+              item.renderWidth = Math.max(_xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minWidth, allMinWidth)), reMeanWidth);
             });
           }
         }
@@ -159,9 +159,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeSplit;
       var reactData = $xeSplit.reactData;
       evnt.preventDefault();
-      var vertical = props.vertical,
-        minWidth = props.minWidth,
-        minHeight = props.minHeight;
+      var vertical = props.vertical;
       var staticItems = reactData.staticItems;
       var handleEl = evnt.currentTarget;
       var el = $xeSplit.$refs.refElem;
@@ -176,6 +174,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       if (!item) {
         return;
       }
+      var itemOpts = $xeSplit.computeItemOpts;
+      var allMinWidth = _xeUtils.default.toNumber(itemOpts.minWidth);
+      var allMinHeight = _xeUtils.default.toNumber(itemOpts.minHeight);
       var prevItem = staticItems[itemIndex - 1];
       var prevItemEl = prevItem ? el.querySelector(".vxe-split-item[xid=\"".concat(prevItem.id, "\"]")) : null;
       var currItemEl = item ? el.querySelector(".vxe-split-item[xid=\"".concat(item.id, "\"]")) : null;
@@ -183,10 +184,10 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var currWidth = currItemEl ? currItemEl.clientWidth : 0;
       var prevHeight = prevItemEl ? prevItemEl.clientHeight : 0;
       var currHeight = currItemEl ? currItemEl.clientHeight : 0;
-      var prevMinWidth = prevItem ? (0, _utils.getGlobalDefaultConfig)(prevItem.minWidth, minWidth) : minWidth;
-      var currMinWidth = (0, _utils.getGlobalDefaultConfig)(item.minWidth, minWidth);
-      var prevMinHeight = prevItem ? (0, _utils.getGlobalDefaultConfig)(prevItem.minHeight, minHeight) : minHeight;
-      var currMinHeight = (0, _utils.getGlobalDefaultConfig)(item.minHeight, minHeight);
+      var prevMinWidth = _xeUtils.default.toNumber(prevItem ? (0, _utils.getGlobalDefaultConfig)(prevItem.minWidth, allMinWidth) : allMinWidth);
+      var currMinWidth = _xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minWidth, allMinWidth));
+      var prevMinHeight = _xeUtils.default.toNumber(prevItem ? (0, _utils.getGlobalDefaultConfig)(prevItem.minHeight, allMinHeight) : allMinHeight);
+      var currMinHeight = _xeUtils.default.toNumber((0, _utils.getGlobalDefaultConfig)(item.minHeight, allMinHeight));
       var disX = evnt.clientX;
       var disY = evnt.clientY;
       (0, _dom.addClass)(el, 'is--drag');
@@ -242,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 = [];
@@ -266,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,
@@ -286,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'
@@ -296,11 +301,21 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeSplit = this;
       var props = $xeSplit;
       var slots = $xeSplit.$scopedSlots;
-      var vertical = props.vertical;
+      var vertical = props.vertical,
+        width = props.width,
+        height = props.height;
       var defaultSlot = slots.default;
+      var stys = {};
+      if (height) {
+        stys.height = (0, _dom.toCssUnit)(height);
+      }
+      if (width) {
+        stys.width = (0, _dom.toCssUnit)(width);
+      }
       return h('div', {
         ref: 'refElem',
-        class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal']
+        class: ['vxe-split', vertical ? 'is--vertical' : 'is--horizontal'],
+        style: stys
       }, [h('div', {
         class: 'vxe-split-slots'
       }, defaultSlot ? defaultSlot({}) : []), $xeSplit.renderItems(h)]);

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(e){return e&&e.__esModule?e:{default:e}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSplit",mixins:[_ui.globalMixins.sizeMixin],props:{resize:{type:Boolean,default:null},vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.vertical}},border:{type:Boolean,default:function(){return(0,_ui.getConfig)().split.border}},minWidth:{type:[Number,String],default:function(){return(0,_ui.getConfig)().split.minWidth}},minHeight:{type:[Number,String],default:function(){return(0,_ui.getConfig)().split.minHeight}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticItems:[]},internalData:{}}},provide:function(){return{$xeSplit:this}},computed:Object.assign({},{}),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 f=this,h=f,m=f.reactData;return f.$nextTick().then(function(){var n,r,l,u,t,s,i,e=h.vertical,a=h.minWidth,o=h.minHeight,d=m.staticItems,c=f.$refs.refElem;c&&(n=c.clientWidth,r=c.clientHeight,n)&&r&&(l=[],e?(u=0,d.forEach(function(e){var t=e.height,i=0;t?(i=(0,_dom.isScale)(t)?r*_xeUtils.default.toNumber(t):_xeUtils.default.toNumber(t),e.renderHeight=i):l.push(e),u+=i}),l.length&&(t=(r-u)/l.length,l.forEach(function(e){e.renderHeight=Math.max((0,_utils.getGlobalDefaultConfig)(e.minHeight,o),t)}))):(s=0,d.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):l.push(e),s+=i}),l.length&&(i=(n-s)/l.length,l.forEach(function(e){e.renderWidth=Math.max((0,_utils.getGlobalDefaultConfig)(e.minWidth,a),i)}))))})},dragEvent:function(e){var t,i,n,r,l,u,s,a,o,d,c,f,h,m=this,g=m,p=m.reactData,v=(e.preventDefault(),g.vertical),_=g.minWidth,g=g.minHeight,p=p.staticItems,x=e.currentTarget,b=m.$refs.refElem;b&&(t=x.getAttribute("xid"),m=_xeUtils.default.findIndexOf(p,function(e){return e.id===t}),i=p[m])&&(x=(n=p[m-1])?b.querySelector('.vxe-split-item[xid="'.concat(n.id,'"]')):null,p=i?b.querySelector('.vxe-split-item[xid="'.concat(i.id,'"]')):null,r=x?x.clientWidth:0,l=p?p.clientWidth:0,u=x?x.clientHeight:0,s=p?p.clientHeight:0,a=n?(0,_utils.getGlobalDefaultConfig)(n.minWidth,_):_,o=(0,_utils.getGlobalDefaultConfig)(i.minWidth,_),d=n?(0,_utils.getGlobalDefaultConfig)(n.minHeight,g):g,c=(0,_utils.getGlobalDefaultConfig)(i.minHeight,g),f=e.clientX,h=e.clientY,(0,_dom.addClass)(b,"is--drag"),document.onmousemove=function(e){var t;e.preventDefault(),v?0<(t=e.clientY-h)?n&&c<=s-t&&(n.renderHeight=u+t,i.renderHeight=s-t):n&&d<=u+t&&(n.renderHeight=u+t,i.renderHeight=s-t):0<(t=e.clientX-f)?n&&o<=l-t&&(n.renderWidth=r+t,i.renderWidth=l-t):n&&a<=r+t&&(n.renderWidth=r+t,i.renderWidth=l-t)},document.onmouseup=function(){document.onmousemove=null,(document.onmouseup=null,_dom.removeClass)(b,"is--drag")})},renderItems:function(u){var s=this,e=s.reactData,a=s.border,o=s.vertical,e=e.staticItems,d=[];return e.forEach(function(e,t){var i=e.id,n=e.slots,r=e.renderHeight,e=e.renderWidth,n=n?n.default:null,l={};o?r&&(l.height=(0,_dom.toCssUnit)(r)):e&&(l.width=(0,_dom.toCssUnit)(e)),d.push(u("div",{attrs:{xid:i},class:["vxe-split-item",o?"is--vertical":"is--horizontal",{"is--border":a,"is--height":r,"is--width":e,"is--fill":!r&&!e,"is--handle":0<t}],style:l},[t?u("div",{attrs:{xid:i},class:"vxe-split-item-handle",on:{mousedown:s.dragEvent}}):(0,_ui.renderEmptyElement)(s),u("div",{attrs:{xid:i},class:"vxe-split-item--wrapper"},n?s.callSlot(n,{}):[])]))}),u("div",{class:"vxe-split-wrapper"},d)},renderVN:function(e){var t=this.$scopedSlots,i=this.vertical,t=t.default;return e("div",{ref:"refElem",class:["vxe-split",i?"is--vertical":"is--horizontal"]},[e("div",{class:"vxe-split-slots"},t?t({}):[]),this.renderItems(e)])}},render:function(e){return this.renderVN(e)}});
+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/src/util.js

@@ -7,18 +7,18 @@ exports.assembleSplitItem = assembleSplitItem;
 exports.destroySplitItem = destroySplitItem;
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function assembleSplitItem($xeSplit, elem, itemConfig) {
+function assembleSplitItem($xeSplit, elem, chunkConfig) {
   var staticItems = $xeSplit.reactData.staticItems;
   var parentElem = elem.parentNode;
   if (parentElem) {
-    staticItems.splice(_xeUtils.default.arrayIndexOf(parentElem.children, elem), 0, itemConfig);
+    staticItems.splice(_xeUtils.default.arrayIndexOf(parentElem.children, elem), 0, chunkConfig);
     $xeSplit.reactData.staticItems = staticItems.slice(0);
   }
 }
-function destroySplitItem($xeSplit, itemConfig) {
+function destroySplitItem($xeSplit, chunkConfig) {
   var staticItems = $xeSplit.reactData.staticItems;
   var index = _xeUtils.default.findIndexOf(staticItems, function (item) {
-    return item.id === itemConfig.id;
+    return item.id === chunkConfig.id;
   });
   if (index > -1) {
     staticItems.splice(index, 1);

package/lib/split/style/style.css

@@ -50,15 +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{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}