vxe-pc-ui 3.19.6 → 3.19.7

package/lib/row/src/col.js

@@ -8,6 +8,7 @@ var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
 var _dom = require("../../ui/src/dom");
+var _log = require("../../ui/src/log");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -15,6 +16,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var _createComponentLog = (0, _log.createComponentLog)('col'),
+  errLog = _createComponentLog.errLog;
 var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
   name: 'VxeCol',
   mixins: [_ui.globalMixins.sizeMixin],
@@ -63,32 +66,39 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     computeColStyle: function computeColStyle() {
       var $xeCol = this;
       var props = $xeCol;
+      var $xeRow = $xeCol.$xeRow;
       var width = props.width;
       var rowGutter = $xeCol.computeRowGutter;
       var rowVertical = $xeCol.computeRowVertical;
+      var gridLayout = false;
+      if ($xeRow) {
+        gridLayout = !!$xeRow.gridLayout;
+      }
       var style = {};
-      if (rowGutter) {
-        var _ref = _xeUtils.default.isArray(rowGutter) ? rowGutter : [rowGutter],
-          _ref2 = _slicedToArray(_ref, 2),
-          lrGutter = _ref2[0],
-          tbGutter = _ref2[1];
-        if (rowVertical) {
-          tbGutter = lrGutter;
-          lrGutter = '';
+      if (!gridLayout) {
+        if (rowGutter) {
+          var _ref = _xeUtils.default.isArray(rowGutter) ? rowGutter : [rowGutter],
+            _ref2 = _slicedToArray(_ref, 2),
+            lrGutter = _ref2[0],
+            tbGutter = _ref2[1];
+          if (rowVertical) {
+            tbGutter = lrGutter;
+            lrGutter = '';
+          }
+          if (lrGutter) {
+            var padding = _xeUtils.default.isNumber(lrGutter) ? (0, _dom.toCssUnit)(lrGutter / 2) : "calc(".concat((0, _dom.toCssUnit)(lrGutter), " / 2)");
+            style.paddingLeft = padding;
+            style.paddingRight = padding;
+          }
+          if (tbGutter) {
+            var _padding = _xeUtils.default.isNumber(tbGutter) ? (0, _dom.toCssUnit)(tbGutter / 2) : "calc(".concat((0, _dom.toCssUnit)(tbGutter), " / 2)");
+            style.paddingTop = _padding;
+            style.paddingBottom = _padding;
+          }
         }
-        if (lrGutter) {
-          var padding = _xeUtils.default.isNumber(lrGutter) ? (0, _dom.toCssUnit)(lrGutter / 2) : "calc(".concat((0, _dom.toCssUnit)(lrGutter), " / 2)");
-          style.paddingLeft = padding;
-          style.paddingRight = padding;
+        if (width) {
+          style.width = (0, _dom.toCssUnit)(width);
         }
-        if (tbGutter) {
-          var _padding = _xeUtils.default.isNumber(tbGutter) ? (0, _dom.toCssUnit)(tbGutter / 2) : "calc(".concat((0, _dom.toCssUnit)(tbGutter), " / 2)");
-          style.paddingTop = _padding;
-          style.paddingBottom = _padding;
-        }
-      }
-      if (width) {
-        style.width = (0, _dom.toCssUnit)(width);
       }
       return style;
     }
@@ -131,6 +141,23 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }, defaultSlot ? defaultSlot({}) : [])]);
     }
   },
+  mounted: function mounted() {
+    var $xeCol = this;
+    var props = $xeCol;
+    var $xeRow = $xeCol.$xeRow;
+    var width = props.width,
+      fill = props.fill;
+    if ($xeRow) {
+      if ($xeRow.gridLayout) {
+        if (width) {
+          errLog('vxe.error.notSupportProp', ['grid-layout', "width=".concat(width), 'width=null']);
+        }
+        if (fill) {
+          errLog('vxe.error.notSupportProp', ['grid-layout', "fill=".concat(fill), 'fill=false']);
+        }
+      }
+    }
+  },
   render: function render(h) {
     return this.renderVN(h);
   }

package/lib/row/src/col.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"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,i=Array(t);r<t;r++)i[r]=e[r];return i}function _iterableToArrayLimit(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var i,n,o,a,l=[],u=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(i=o.call(r)).done)&&(l.push(i.value),l.length!==t);u=!0);}catch(e){s=!0,n=e}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(s)throw n}}return l}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCol",mixins:[_ui.globalMixins.sizeMixin],props:{span:[Number,String],align:String,width:[Number,String],fill:Boolean,ellipsis:Boolean,size:{type:String,default:function(){return(0,_ui.getConfig)().col.size||(0,_ui.getConfig)().size}}},inject:{$xeRow:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeRowGutter:function(){var e=this.$xeRow;return e?e.gutter:null},computeRowVertical:function(){var e=this.$xeRow;return e?e.vertical:null},computeColStyle:function(){var e,t=this,r=t.width,i=t.computeRowGutter,t=t.computeRowVertical,n={};return i&&(e=(i=_slicedToArray(_xeUtils.default.isArray(i)?i:[i],2))[0],i=i[1],t&&(i=e,e=""),e&&(t=_xeUtils.default.isNumber(e)?(0,_dom.toCssUnit)(e/2):"calc(".concat((0,_dom.toCssUnit)(e)," / 2)"),n.paddingLeft=t,n.paddingRight=t),i)&&(e=_xeUtils.default.isNumber(i)?(0,_dom.toCssUnit)(i/2):"calc(".concat((0,_dom.toCssUnit)(i)," / 2)"),n.paddingTop=e,n.paddingBottom=e),r&&(n.width=(0,_dom.toCssUnit)(r)),n}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$col:this},t))},renderVN:function(e){var t=this,r=t.$scopedSlots,i=t.span,n=t.fill,o=t.align,a=t.width,l=t.ellipsis,t=t.computeColStyle,r=r.default;return e("div",{ref:"refElem",class:["vxe-col",i?"span".concat(i):"",o?"align--".concat(o):"",{"is--span":!!i,"is--width":!!a,"is--fill":n,"is--ellipsis":l}],style:t},[e("div",{class:"vxe-col--inner"},r?r({}):[])])}},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"),_dom=require("../../ui/src/dom"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){var r;if(e)return"string"==typeof e?_arrayLikeToArray(e,t):"Map"===(r="Object"===(r={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:r)||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,i=Array(t);r<t;r++)i[r]=e[r];return i}function _iterableToArrayLimit(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var i,o,n,l,a=[],u=!0,s=!1;try{if(n=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(i=n.call(r)).done)&&(a.push(i.value),a.length!==t);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw o}}return a}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var _createComponentLog=(0,_log.createComponentLog)("col"),errLog=_createComponentLog.errLog,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeCol",mixins:[_ui.globalMixins.sizeMixin],props:{span:[Number,String],align:String,width:[Number,String],fill:Boolean,ellipsis:Boolean,size:{type:String,default:function(){return(0,_ui.getConfig)().col.size||(0,_ui.getConfig)().size}}},inject:{$xeRow:{default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:Object.assign(Object.assign({},{}),{computeRowGutter:function(){var e=this.$xeRow;return e?e.gutter:null},computeRowVertical:function(){var e=this.$xeRow;return e?e.vertical:null},computeColStyle:function(){var e=this,t=e.$xeRow,r=e.width,i=e.computeRowGutter,e=e.computeRowVertical,o=!1,n={};return(o=t?!!t.gridLayout:o)||(i&&(o=(t=_slicedToArray(_xeUtils.default.isArray(i)?i:[i],2))[0],i=t[1],e&&(i=o,o=""),o&&(t=_xeUtils.default.isNumber(o)?(0,_dom.toCssUnit)(o/2):"calc(".concat((0,_dom.toCssUnit)(o)," / 2)"),n.paddingLeft=t,n.paddingRight=t),i)&&(e=_xeUtils.default.isNumber(i)?(0,_dom.toCssUnit)(i/2):"calc(".concat((0,_dom.toCssUnit)(i)," / 2)"),n.paddingTop=e,n.paddingBottom=e),r&&(n.width=(0,_dom.toCssUnit)(r))),n}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$col:this},t))},renderVN:function(e){var t=this,r=t.$scopedSlots,i=t.span,o=t.fill,n=t.align,l=t.width,a=t.ellipsis,t=t.computeColStyle,r=r.default;return e("div",{ref:"refElem",class:["vxe-col",i?"span".concat(i):"",n?"align--".concat(n):"",{"is--span":!!i,"is--width":!!l,"is--fill":o,"is--ellipsis":a}],style:t},[e("div",{class:"vxe-col--inner"},r?r({}):[])])}},mounted:function(){var e=this.$xeRow,t=this.width,r=this.fill;e&&e.gridLayout&&(t&&errLog("vxe.error.notSupportProp",["grid-layout","width=".concat(t),"width=null"]),r)&&errLog("vxe.error.notSupportProp",["grid-layout","fill=".concat(r),"fill=false"])},render:function(e){return this.renderVN(e)}});

package/lib/row/src/row.js

@@ -8,6 +8,7 @@ var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
 var _dom = require("../../ui/src/dom");
+var _log = require("../../ui/src/log");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -15,10 +16,18 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var _createComponentLog = (0, _log.createComponentLog)('row'),
+  warnLog = _createComponentLog.warnLog;
 var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
   name: 'VxeRow',
   mixins: [_ui.globalMixins.sizeMixin],
   props: {
+    gridLayout: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().row.gridLayout;
+      }
+    },
     gutter: [Number, String, Array],
     wrap: {
       type: Boolean,
@@ -51,7 +60,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     computeRowStyle: function computeRowStyle() {
       var $xeRow = this;
       var props = $xeRow;
-      var gutter = props.gutter,
+      var gridLayout = props.gridLayout,
+        gutter = props.gutter,
         vertical = props.vertical;
       var style = {};
       if (gutter) {
@@ -59,19 +69,24 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           _ref2 = _slicedToArray(_ref, 2),
           lrGutter = _ref2[0],
           tbGutter = _ref2[1];
-        if (vertical) {
-          tbGutter = lrGutter;
-          lrGutter = '';
-        }
-        if (lrGutter) {
-          var offsetSize = _xeUtils.default.isNumber(lrGutter) ? (0, _dom.toCssUnit)(-(lrGutter / 2)) : "calc(".concat((0, _dom.toCssUnit)(lrGutter), " / 2 * -1)");
-          style.marginLeft = offsetSize;
-          style.marginRight = offsetSize;
-        }
-        if (tbGutter) {
-          var _offsetSize = _xeUtils.default.isNumber(tbGutter) ? (0, _dom.toCssUnit)(-(tbGutter / 2)) : "calc(".concat((0, _dom.toCssUnit)(tbGutter), " / 2 * -1)");
-          style.marginTop = _offsetSize;
-          style.marginBottom = _offsetSize;
+        if (gridLayout) {
+          style.columnGap = (0, _dom.toCssUnit)(lrGutter);
+          style.rowGap = (0, _dom.toCssUnit)(tbGutter || lrGutter);
+        } else {
+          if (vertical) {
+            tbGutter = lrGutter;
+            lrGutter = '';
+          }
+          if (lrGutter) {
+            var offsetSize = _xeUtils.default.isNumber(lrGutter) ? (0, _dom.toCssUnit)(-(lrGutter / 2)) : "calc(".concat((0, _dom.toCssUnit)(lrGutter), " / 2 * -1)");
+            style.marginLeft = offsetSize;
+            style.marginRight = offsetSize;
+          }
+          if (tbGutter) {
+            var _offsetSize = _xeUtils.default.isNumber(tbGutter) ? (0, _dom.toCssUnit)(-(tbGutter / 2)) : "calc(".concat((0, _dom.toCssUnit)(tbGutter), " / 2 * -1)");
+            style.marginTop = _offsetSize;
+            style.marginBottom = _offsetSize;
+          }
         }
       }
       return style;
@@ -98,13 +113,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var $xeRow = this;
       var props = $xeRow;
       var slots = $xeRow.$scopedSlots;
-      var vertical = props.vertical,
+      var gridLayout = props.gridLayout,
+        vertical = props.vertical,
         wrap = props.wrap;
       var rowStyle = $xeRow.computeRowStyle;
       var defaultSlot = slots.default;
       return h('div', {
         ref: 'refElem',
-        class: ['vxe-row', {
+        class: ['vxe-row', gridLayout ? 'grid--layout' : 'def--layout', {
           'is--vertical': vertical,
           'is--wrap': wrap
         }],
@@ -115,6 +131,15 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       }, defaultSlot ? defaultSlot({}) : []);
     }
   },
+  mounted: function mounted() {
+    var $xeRow = this;
+    var props = $xeRow;
+    var gridLayout = props.gridLayout,
+      wrap = props.wrap;
+    if (gridLayout && !wrap) {
+      warnLog('vxe.error.notSupportProp', ['grid-layout', 'wrap=false', 'wrap=true']);
+    }
+  },
   render: function render(h) {
     return this.renderVN(h);
   }

package/lib/row/src/row.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"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _slicedToArray(e,r){return _arrayWithHoles(e)||_iterableToArrayLimit(e,r)||_unsupportedIterableToArray(e,r)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,r){var t;if(e)return"string"==typeof e?_arrayLikeToArray(e,r):"Map"===(t="Object"===(t={}.toString.call(e).slice(8,-1))&&e.constructor?e.constructor.name:t)||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(e,r):void 0}function _arrayLikeToArray(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,i=Array(r);t<r;t++)i[t]=e[t];return i}function _iterableToArrayLimit(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var i,n,o,a,u=[],l=!0,s=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;l=!1}else for(;!(l=(i=o.call(t)).done)&&(u.push(i.value),u.length!==r);l=!0);}catch(e){s=!0,n=e}finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(s)throw n}}return u}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRow",mixins:[_ui.globalMixins.sizeMixin],props:{gutter:[Number,String,Array],wrap:{type:Boolean,default:function(){return(0,_ui.getConfig)().row.wrap}},vertical:Boolean,size:{type:String,default:function(){return(0,_ui.getConfig)().row.size||(0,_ui.getConfig)().size}}},provide:function(){return{$xeRow:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:{computeRowStyle:function(){var e,r=this.gutter,t=this.vertical,i={};return r&&(e=(r=_slicedToArray(_xeUtils.default.isArray(r)?r:[r],2))[0],r=r[1],t&&(r=e,e=""),e&&(t=_xeUtils.default.isNumber(e)?(0,_dom.toCssUnit)(-e/2):"calc(".concat((0,_dom.toCssUnit)(e)," / 2 * -1)"),i.marginLeft=t,i.marginRight=t),r)&&(e=_xeUtils.default.isNumber(r)?(0,_dom.toCssUnit)(-r/2):"calc(".concat((0,_dom.toCssUnit)(r)," / 2 * -1)"),i.marginTop=e,i.marginBottom=e),i}},methods:{dispatchEvent:function(e,r,t){this.$emit(e,(0,_ui.createEvent)(t,{$row:this},r))},clickEvent:function(e){this.dispatchEvent("click",{},e)},renderVN:function(e){var r=this,t=r.$scopedSlots,i=r.vertical,t=t.default;return e("div",{ref:"refElem",class:["vxe-row",{"is--vertical":i,"is--wrap":r.wrap}],style:r.computeRowStyle,on:{click:r.clickEvent}},t?t({}):[])}},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"),_dom=require("../../ui/src/dom"),_log=require("../../ui/src/log");function _interopRequireDefault(r){return r&&r.__esModule?r:{default:r}}function _slicedToArray(r,t){return _arrayWithHoles(r)||_iterableToArrayLimit(r,t)||_unsupportedIterableToArray(r,t)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,t){var e;if(r)return"string"==typeof r?_arrayLikeToArray(r,t):"Map"===(e="Object"===(e={}.toString.call(r).slice(8,-1))&&r.constructor?r.constructor.name:e)||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?_arrayLikeToArray(r,t):void 0}function _arrayLikeToArray(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,o=Array(t);e<t;e++)o[e]=r[e];return o}function _iterableToArrayLimit(r,t){var e=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=e){var o,i,n,a,u=[],l=!0,s=!1;try{if(n=(e=e.call(r)).next,0===t){if(Object(e)!==e)return;l=!1}else for(;!(l=(o=n.call(e)).done)&&(u.push(o.value),u.length!==t);l=!0);}catch(r){s=!0,i=r}finally{try{if(!l&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(s)throw i}}return u}}function _arrayWithHoles(r){if(Array.isArray(r))return r}var _createComponentLog=(0,_log.createComponentLog)("row"),warnLog=_createComponentLog.warnLog,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRow",mixins:[_ui.globalMixins.sizeMixin],props:{gridLayout:{type:Boolean,default:function(){return(0,_ui.getConfig)().row.gridLayout}},gutter:[Number,String,Array],wrap:{type:Boolean,default:function(){return(0,_ui.getConfig)().row.wrap}},vertical:Boolean,size:{type:String,default:function(){return(0,_ui.getConfig)().row.size||(0,_ui.getConfig)().size}}},provide:function(){return{$xeRow:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{}}},computed:{computeRowStyle:function(){var r,t=this,e=t.gridLayout,o=t.gutter,t=t.vertical,i={};return o&&(r=(o=_slicedToArray(_xeUtils.default.isArray(o)?o:[o],2))[0],o=o[1],e?(i.columnGap=(0,_dom.toCssUnit)(r),i.rowGap=(0,_dom.toCssUnit)(o||r)):(t&&(o=r,r=""),r&&(e=_xeUtils.default.isNumber(r)?(0,_dom.toCssUnit)(-r/2):"calc(".concat((0,_dom.toCssUnit)(r)," / 2 * -1)"),i.marginLeft=e,i.marginRight=e),o&&(t=_xeUtils.default.isNumber(o)?(0,_dom.toCssUnit)(-o/2):"calc(".concat((0,_dom.toCssUnit)(o)," / 2 * -1)"),i.marginTop=t,i.marginBottom=t))),i}},methods:{dispatchEvent:function(r,t,e){this.$emit(r,(0,_ui.createEvent)(e,{$row:this},t))},clickEvent:function(r){this.dispatchEvent("click",{},r)},renderVN:function(r){var t=this,e=t.$scopedSlots,o=t.gridLayout,e=e.default;return r("div",{ref:"refElem",class:["vxe-row",o?"grid--layout":"def--layout",{"is--vertical":t.vertical,"is--wrap":t.wrap}],style:t.computeRowStyle,on:{click:t.clickEvent}},e?e({}):[])}},mounted:function(){var r=this.gridLayout,t=this.wrap;r&&!t&&warnLog("vxe.error.notSupportProp",["grid-layout","wrap=false","wrap=true"])},render:function(r){return this.renderVN(r)}});

package/lib/row/style/style.css

@@ -34,78 +34,155 @@
 .vxe-col.align--right {
   text-align: right;
 }
-.vxe-col.span1 {
+
+.vxe-row.def--layout > .vxe-col.span1 {
   width: 4.16667%;
 }
-.vxe-col.span2 {
+.vxe-row.def--layout > .vxe-col.span2 {
   width: 8.33333%;
 }
-.vxe-col.span3 {
+.vxe-row.def--layout > .vxe-col.span3 {
   width: 12.5%;
 }
-.vxe-col.span4 {
+.vxe-row.def--layout > .vxe-col.span4 {
   width: 16.66667%;
 }
-.vxe-col.span5 {
+.vxe-row.def--layout > .vxe-col.span5 {
   width: 20.83333%;
 }
-.vxe-col.span6 {
+.vxe-row.def--layout > .vxe-col.span6 {
   width: 25%;
 }
-.vxe-col.span7 {
+.vxe-row.def--layout > .vxe-col.span7 {
   width: 29.16667%;
 }
-.vxe-col.span8 {
+.vxe-row.def--layout > .vxe-col.span8 {
   width: 33.33333%;
 }
-.vxe-col.span9 {
+.vxe-row.def--layout > .vxe-col.span9 {
   width: 37.5%;
 }
-.vxe-col.span10 {
+.vxe-row.def--layout > .vxe-col.span10 {
   width: 41.66667%;
 }
-.vxe-col.span11 {
+.vxe-row.def--layout > .vxe-col.span11 {
   width: 45.83333%;
 }
-.vxe-col.span12 {
+.vxe-row.def--layout > .vxe-col.span12 {
   width: 50%;
 }
-.vxe-col.span13 {
+.vxe-row.def--layout > .vxe-col.span13 {
   width: 54.16667%;
 }
-.vxe-col.span14 {
+.vxe-row.def--layout > .vxe-col.span14 {
   width: 58.33333%;
 }
-.vxe-col.span15 {
+.vxe-row.def--layout > .vxe-col.span15 {
   width: 62.5%;
 }
-.vxe-col.span16 {
+.vxe-row.def--layout > .vxe-col.span16 {
   width: 66.66667%;
 }
-.vxe-col.span17 {
+.vxe-row.def--layout > .vxe-col.span17 {
   width: 70.83333%;
 }
-.vxe-col.span18 {
+.vxe-row.def--layout > .vxe-col.span18 {
   width: 75%;
 }
-.vxe-col.span19 {
+.vxe-row.def--layout > .vxe-col.span19 {
   width: 79.16667%;
 }
-.vxe-col.span20 {
+.vxe-row.def--layout > .vxe-col.span20 {
   width: 83.33333%;
 }
-.vxe-col.span21 {
+.vxe-row.def--layout > .vxe-col.span21 {
   width: 87.5%;
 }
-.vxe-col.span22 {
+.vxe-row.def--layout > .vxe-col.span22 {
   width: 91.66667%;
 }
-.vxe-col.span23 {
+.vxe-row.def--layout > .vxe-col.span23 {
   width: 95.83333%;
 }
-.vxe-col.span24 {
+.vxe-row.def--layout > .vxe-col.span24 {
   width: 100%;
 }
+.vxe-row.grid--layout {
+  display: grid;
+  grid-template-columns: repeat(24, minmax(0, 1fr));
+}
+.vxe-row.grid--layout > .vxe-col.span1 {
+  grid-column: span 1;
+}
+.vxe-row.grid--layout > .vxe-col.span2 {
+  grid-column: span 2;
+}
+.vxe-row.grid--layout > .vxe-col.span3 {
+  grid-column: span 3;
+}
+.vxe-row.grid--layout > .vxe-col.span4 {
+  grid-column: span 4;
+}
+.vxe-row.grid--layout > .vxe-col.span5 {
+  grid-column: span 5;
+}
+.vxe-row.grid--layout > .vxe-col.span6 {
+  grid-column: span 6;
+}
+.vxe-row.grid--layout > .vxe-col.span7 {
+  grid-column: span 7;
+}
+.vxe-row.grid--layout > .vxe-col.span8 {
+  grid-column: span 8;
+}
+.vxe-row.grid--layout > .vxe-col.span9 {
+  grid-column: span 9;
+}
+.vxe-row.grid--layout > .vxe-col.span10 {
+  grid-column: span 10;
+}
+.vxe-row.grid--layout > .vxe-col.span11 {
+  grid-column: span 11;
+}
+.vxe-row.grid--layout > .vxe-col.span12 {
+  grid-column: span 12;
+}
+.vxe-row.grid--layout > .vxe-col.span13 {
+  grid-column: span 13;
+}
+.vxe-row.grid--layout > .vxe-col.span14 {
+  grid-column: span 14;
+}
+.vxe-row.grid--layout > .vxe-col.span15 {
+  grid-column: span 15;
+}
+.vxe-row.grid--layout > .vxe-col.span16 {
+  grid-column: span 16;
+}
+.vxe-row.grid--layout > .vxe-col.span17 {
+  grid-column: span 17;
+}
+.vxe-row.grid--layout > .vxe-col.span18 {
+  grid-column: span 18;
+}
+.vxe-row.grid--layout > .vxe-col.span19 {
+  grid-column: span 19;
+}
+.vxe-row.grid--layout > .vxe-col.span20 {
+  grid-column: span 20;
+}
+.vxe-row.grid--layout > .vxe-col.span21 {
+  grid-column: span 21;
+}
+.vxe-row.grid--layout > .vxe-col.span22 {
+  grid-column: span 22;
+}
+.vxe-row.grid--layout > .vxe-col.span23 {
+  grid-column: span 23;
+}
+.vxe-row.grid--layout > .vxe-col.span24 {
+  grid-column: span 24;
+}
 
 .vxe-col--inner {
   width: 100%;

package/lib/row/style/style.min.css

@@ -1 +1 @@
-.vxe-row{position:relative;display:flex;flex-direction:row;flex-grow:1}.vxe-row.is--vertical{flex-direction:column}.vxe-row.is--wrap{flex-wrap:wrap}.vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-col.span1{width:4.16667%}.vxe-col.span2{width:8.33333%}.vxe-col.span3{width:12.5%}.vxe-col.span4{width:16.66667%}.vxe-col.span5{width:20.83333%}.vxe-col.span6{width:25%}.vxe-col.span7{width:29.16667%}.vxe-col.span8{width:33.33333%}.vxe-col.span9{width:37.5%}.vxe-col.span10{width:41.66667%}.vxe-col.span11{width:45.83333%}.vxe-col.span12{width:50%}.vxe-col.span13{width:54.16667%}.vxe-col.span14{width:58.33333%}.vxe-col.span15{width:62.5%}.vxe-col.span16{width:66.66667%}.vxe-col.span17{width:70.83333%}.vxe-col.span18{width:75%}.vxe-col.span19{width:79.16667%}.vxe-col.span20{width:83.33333%}.vxe-col.span21{width:87.5%}.vxe-col.span22{width:91.66667%}.vxe-col.span23{width:95.83333%}.vxe-col.span24{width:100%}.vxe-col--inner{width:100%}.vxe-col.is--span>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-default-select,.vxe-col.is--span>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-input,.vxe-col.is--span>.vxe-col--inner>.vxe-number-input,.vxe-col.is--span>.vxe-col--inner>.vxe-password-input,.vxe-col.is--span>.vxe-col--inner>.vxe-select,.vxe-col.is--span>.vxe-col--inner>.vxe-table-select,.vxe-col.is--span>.vxe-col--inner>.vxe-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-tree-select,.vxe-col.is--width>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-default-select,.vxe-col.is--width>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-input,.vxe-col.is--width>.vxe-col--inner>.vxe-number-input,.vxe-col.is--width>.vxe-col--inner>.vxe-password-input,.vxe-col.is--width>.vxe-col--inner>.vxe-select,.vxe-col.is--width>.vxe-col--inner>.vxe-table-select,.vxe-col.is--width>.vxe-col--inner>.vxe-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-tree-select{width:100%}
+.vxe-row{position:relative;display:flex;flex-direction:row;flex-grow:1}.vxe-row.is--vertical{flex-direction:column}.vxe-row.is--wrap{flex-wrap:wrap}.vxe-col{display:block}.vxe-col.is--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-col.is--fill{flex-grow:1}.vxe-col:not(.is--fill){flex-shrink:0}.vxe-col.align--left{text-align:left}.vxe-col.align--center{text-align:center}.vxe-col.align--right{text-align:right}.vxe-row.def--layout>.vxe-col.span1{width:4.16667%}.vxe-row.def--layout>.vxe-col.span2{width:8.33333%}.vxe-row.def--layout>.vxe-col.span3{width:12.5%}.vxe-row.def--layout>.vxe-col.span4{width:16.66667%}.vxe-row.def--layout>.vxe-col.span5{width:20.83333%}.vxe-row.def--layout>.vxe-col.span6{width:25%}.vxe-row.def--layout>.vxe-col.span7{width:29.16667%}.vxe-row.def--layout>.vxe-col.span8{width:33.33333%}.vxe-row.def--layout>.vxe-col.span9{width:37.5%}.vxe-row.def--layout>.vxe-col.span10{width:41.66667%}.vxe-row.def--layout>.vxe-col.span11{width:45.83333%}.vxe-row.def--layout>.vxe-col.span12{width:50%}.vxe-row.def--layout>.vxe-col.span13{width:54.16667%}.vxe-row.def--layout>.vxe-col.span14{width:58.33333%}.vxe-row.def--layout>.vxe-col.span15{width:62.5%}.vxe-row.def--layout>.vxe-col.span16{width:66.66667%}.vxe-row.def--layout>.vxe-col.span17{width:70.83333%}.vxe-row.def--layout>.vxe-col.span18{width:75%}.vxe-row.def--layout>.vxe-col.span19{width:79.16667%}.vxe-row.def--layout>.vxe-col.span20{width:83.33333%}.vxe-row.def--layout>.vxe-col.span21{width:87.5%}.vxe-row.def--layout>.vxe-col.span22{width:91.66667%}.vxe-row.def--layout>.vxe-col.span23{width:95.83333%}.vxe-row.def--layout>.vxe-col.span24{width:100%}.vxe-row.grid--layout{display:grid;grid-template-columns:repeat(24,minmax(0,1fr))}.vxe-row.grid--layout>.vxe-col.span1{grid-column:span 1}.vxe-row.grid--layout>.vxe-col.span2{grid-column:span 2}.vxe-row.grid--layout>.vxe-col.span3{grid-column:span 3}.vxe-row.grid--layout>.vxe-col.span4{grid-column:span 4}.vxe-row.grid--layout>.vxe-col.span5{grid-column:span 5}.vxe-row.grid--layout>.vxe-col.span6{grid-column:span 6}.vxe-row.grid--layout>.vxe-col.span7{grid-column:span 7}.vxe-row.grid--layout>.vxe-col.span8{grid-column:span 8}.vxe-row.grid--layout>.vxe-col.span9{grid-column:span 9}.vxe-row.grid--layout>.vxe-col.span10{grid-column:span 10}.vxe-row.grid--layout>.vxe-col.span11{grid-column:span 11}.vxe-row.grid--layout>.vxe-col.span12{grid-column:span 12}.vxe-row.grid--layout>.vxe-col.span13{grid-column:span 13}.vxe-row.grid--layout>.vxe-col.span14{grid-column:span 14}.vxe-row.grid--layout>.vxe-col.span15{grid-column:span 15}.vxe-row.grid--layout>.vxe-col.span16{grid-column:span 16}.vxe-row.grid--layout>.vxe-col.span17{grid-column:span 17}.vxe-row.grid--layout>.vxe-col.span18{grid-column:span 18}.vxe-row.grid--layout>.vxe-col.span19{grid-column:span 19}.vxe-row.grid--layout>.vxe-col.span20{grid-column:span 20}.vxe-row.grid--layout>.vxe-col.span21{grid-column:span 21}.vxe-row.grid--layout>.vxe-col.span22{grid-column:span 22}.vxe-row.grid--layout>.vxe-col.span23{grid-column:span 23}.vxe-row.grid--layout>.vxe-col.span24{grid-column:span 24}.vxe-col--inner{width:100%}.vxe-col.is--span>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-default-select,.vxe-col.is--span>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--span>.vxe-col--inner>.vxe-input,.vxe-col.is--span>.vxe-col--inner>.vxe-number-input,.vxe-col.is--span>.vxe-col--inner>.vxe-password-input,.vxe-col.is--span>.vxe-col--inner>.vxe-select,.vxe-col.is--span>.vxe-col--inner>.vxe-table-select,.vxe-col.is--span>.vxe-col--inner>.vxe-textarea,.vxe-col.is--span>.vxe-col--inner>.vxe-tree-select,.vxe-col.is--width>.vxe-col--inner>.vxe-date-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-default-select,.vxe-col.is--width>.vxe-col--inner>.vxe-default-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-ico-picker,.vxe-col.is--width>.vxe-col--inner>.vxe-input,.vxe-col.is--width>.vxe-col--inner>.vxe-number-input,.vxe-col.is--width>.vxe-col--inner>.vxe-password-input,.vxe-col.is--width>.vxe-col--inner>.vxe-select,.vxe-col.is--width>.vxe-col--inner>.vxe-table-select,.vxe-col.is--width>.vxe-col--inner>.vxe-textarea,.vxe-col.is--width>.vxe-col--inner>.vxe-tree-select{width:100%}

package/lib/scrollbar/src/scrollbar.js

@@ -15,6 +15,7 @@ var getConfig = _ui.VxeUI.getConfig,
   createEvent = _ui.VxeUI.createEvent,
   domUtils = _ui.VxeUI.domUtils,
   globalResize = _ui.VxeUI.globalResize,
+  globalEvents = _ui.VxeUI.globalEvents,
   renderEmptyElement = _ui.VxeUI.renderEmptyElement;
 function createReactData() {
   return {
@@ -656,6 +657,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       internalData.resizeObserver = resizeObserver;
     }
     $xeScrollbar.reFlag++;
+    globalEvents.on($xeScrollbar, 'resize', function () {
+      $xeScrollbar.reFlag++;
+    });
   },
   beforeDestroy: function beforeDestroy() {
     var $xeScrollbar = this;
@@ -664,6 +668,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     if (resizeObserver) {
       resizeObserver.disconnect();
     }
+    globalEvents.off($xeScrollbar, 'resize');
   },
   destroyed: function destroyed() {
     var $xeScrollbar = this;

package/lib/scrollbar/src/scrollbar.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"),_dom=require("../../ui/src/dom"),_util=require("./util"),_loading=_interopRequireDefault(require("../../loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var getConfig=_ui.VxeUI.getConfig,createEvent=_ui.VxeUI.createEvent,domUtils=_ui.VxeUI.domUtils,globalResize=_ui.VxeUI.globalResize,renderEmptyElement=_ui.VxeUI.renderEmptyElement;function createReactData(){return{yThumbHeight:0,xThumbWidth:0}}function createInternalData(){return{thumbDragOffset:0,yThumbTop:0,xThumbLeft:0,lastScrollTop:0,lastScrollLeft:0}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeScrollbar",props:{id:[String,Number],width:[String,Number],height:[String,Number],minWidth:[String,Number],minHeight:[String,Number],maxWidth:[String,Number],maxHeight:[String,Number],loading:Boolean,native:{type:Boolean,default:function(){return getConfig().scrollbar.native}},padding:{type:Boolean,default:function(){return getConfig().scrollbar.padding}},xConfig:Object,yConfig:Object,className:{type:String,default:function(){return getConfig().scrollbar.className}},viewAttrs:{type:Object,default:function(){return getConfig().scrollbar.viewAttrs}},viewClassName:{type:String,default:function(){return getConfig().scrollbar.viewClassName}},viewInnerClassName:{type:String,default:function(){return getConfig().scrollbar.viewInnerClassName}},autoResize:{type:Boolean,default:function(){return getConfig().scrollbar.autoResize}},syncResize:[Boolean,String,Number]},data:function(){var e=_xeUtils.default.uniqueId(),t=createReactData();return Object.assign(Object.assign({},{}),{xID:e,reactData:t,reFlag:0})},computed:{computeWrapperStyle:function(){var e=this,t=e.width,i=e.height,r=e.minWidth,n=e.minHeight,l=e.maxWidth,o=e.maxHeight,a=e.computeXOpts,e=e.computeYOpts,s={};return t&&(s.width=(0,_dom.toCssUnit)(t)),i&&(s.height=(0,_dom.toCssUnit)(i)),r&&(s.minWidth=(0,_dom.toCssUnit)(r)),n&&(s.minHeight=(0,_dom.toCssUnit)(n)),l&&(s.maxWidth=(0,_dom.toCssUnit)(l)),o&&(s.maxHeight=(0,_dom.toCssUnit)(o)),e.width&&(s["--vxe-ui-scrollbar-y-width"]=(0,_dom.toCssUnit)(e.width)),a.height&&(s["--vxe-ui-scrollbar-x-height"]=(0,_dom.toCssUnit)(a.height)),s},computeWrapperClss:function(){var e=this,t=e.reactData,i=e.native,r=e.className,n=e.padding,l=t.yThumbHeight,t=t.xThumbWidth,o=e.computeXOpts,a=e.computeYOpts,s=e.computeXToTop,e=e.computeYToLeft;return domUtils.buildClass(["vxe-scrollbar","ov-x--".concat(o.visible||"visible"),"ov-y--".concat(a.visible||"visible"),"sx-pos--".concat(s?"top":"bottom"),"sy-pos--".concat(e?"left":"right"),i?"is--native":"is--virtual",r],{"is--padding":n,"ov-x--auto-hide":o.autoHide,"ov-y--auto-hide":a.autoHide,"overflow-y":l,"overflow-x":t})},computeViewClss:function(){var e=this.viewClassName;return domUtils.buildClass(["vxe-scrollbar--view",e])},computeViewInnerClss:function(){var e=this.viewInnerClassName;return domUtils.buildClass(["vxe-scrollbar--view-inner",e])},computeXOpts:function(){return Object.assign({},getConfig().scrollbar.xConfig,this.xConfig)},computeYOpts:function(){return Object.assign({},getConfig().scrollbar.yConfig,this.yConfig)},computeXToTop:function(){return"top"===this.computeXOpts.position},computeYToLeft:function(){return"left"===this.computeYOpts.position}},methods:{dispatchEvent:function(e,t,i){this.$emit(e,createEvent(i,{$scrollbar:this},t))},scrollTo:function(e,t){var i=this.$refs.refViewElem;i&&(_xeUtils.default.isNumber(e)?i.scrollTo(e,t||0):i.scrollTo(e))},scrollIntoView:function(){var e=this.$refs.refViewElem;e&&e.scrollIntoView()},setScrollTop:function(e){var t=this.$refs.refViewElem;t&&(t.scrollTop=e)},setScrollLeft:function(e){var t=this.$refs.refViewElem;t&&(t.scrollLeft=e)},getScrollTop:function(){var e=this.$refs.refViewElem;return e?e.scrollTop:0},getScrollLeft:function(){var e=this.$refs.refViewElem;return e?e.scrollLeft:0},clearScroll:function(){var e=this.$refs.refViewElem;e&&(e.scrollTop=0,e.scrollLeft=0)},recalculate:function(){return this.updateThumbSize(),this.updateThumbOffset(),this.$nextTick()},updateThumbSize:function(){var e,t,i=this,r=i.reactData,n=i.$refs.refViewElem;n&&(t=(t=i.$refs.refTrackXElem)?(0,_util.getThumbSize)(n.clientWidth,n.scrollWidth,t.clientWidth):0,(e=i.$refs.refThumbXElem)&&(e.style.width=t+"px"),r.xThumbWidth=t,t=(e=i.$refs.refTrackYElem)?(0,_util.getThumbSize)(n.clientHeight,n.scrollHeight,e.clientHeight):0,(n=i.$refs.refThumbYElem)&&(n.style.height=t+"px"),r.yThumbHeight=t)},updateThumbOffset:function(){var e,t,i,r=this,n=r.reactData,l=r.internalData,o=r.$refs.refViewElem;o&&(e=n.xThumbWidth,n=n.yThumbHeight,i=r.$refs.refTrackXElem,t=r.$refs.refThumbXElem,i=i&&e?(0,_util.getThumbOffsetSize)(o.scrollLeft,o.clientWidth,o.scrollWidth,i.clientWidth,e):0,l.xThumbLeft=i,t&&e&&(t.style.width=e+"px",t.style.transform="translateX(".concat(i,"px)")),e=r.$refs.refTrackYElem,t=r.$refs.refThumbYElem,i=e&&n?(0,_util.getThumbOffsetSize)(o.scrollTop,o.clientHeight,o.scrollHeight,e.clientHeight,n):0,l.yThumbTop=i,t)&&n&&(t.style.height=n+"px",t.style.transform="translateY(".concat(i,"px)"))},scrollEvent:function(e){var t,i=this,r=i.reactData,n=i.internalData,l=r.xThumbWidth,r=r.yThumbHeight,o=n.lastScrollTop,a=n.lastScrollLeft,s=i.computeXOpts,c=e.currentTarget,u=c.scrollTop,h=c.scrollLeft,f=c.clientWidth,m=c.clientHeight,g=c.scrollHeight,c=c.scrollWidth,d="",p=!1,b=!1,v=!1,T=!1;o!==u&&(t=_xeUtils.default.toNumber(i.computeYOpts.threshold)||1,o<u?(d="bottom",0<r&&g-t<=u+m&&(b=!0)):(d="top",0<r&&u<=t&&(p=!0))),a!==h&&(o=_xeUtils.default.toNumber(s.threshold)||1,a<h?(d="right",0<l&&c-o<=h+f&&(T=!0)):(d="left",0<l&&h<=o&&(v=!0))),i.updateThumbOffset(),n.lastScrollTop=u,n.lastScrollLeft=h,(b||p||T||v)&&i.dispatchEvent("scroll-boundary",{direction:d,isTop:p,isBottom:b,isLeft:v,isRight:T,scrollTop:u,scrollLeft:h,clientWidth:f,clientHeight:m,scrollHeight:g,scrollWidth:c},e),i.dispatchEvent("scroll",{direction:d,isTop:0<r&&u<=0,isBottom:0<r&&g<=u+m,isLeft:0<l&&h<=0,isRight:0<l&&c<=h+f,scrollTop:u,scrollLeft:h,clientWidth:f,clientHeight:m,scrollHeight:g,scrollWidth:c},e)},clickTrackXEvent:function(e){var t,i,r=this.reactData,n=e.currentTarget;n===e.target&&(t=this.$refs.refViewElem)&&(r=r.xThumbWidth,i=n.getBoundingClientRect(),t.scrollTo({left:(0,_util.getScrollFromClick)(e.clientX-i.left,t.clientWidth,t.scrollWidth,n.clientWidth,r),behavior:"auto"}))},clickTrackYEvent:function(e){var t,i,r=this.reactData,n=e.currentTarget;n===e.target&&(t=this.$refs.refViewElem)&&(r=r.yThumbHeight,i=n.getBoundingClientRect(),t.scrollTo({top:(0,_util.getScrollFromClick)(e.clientY-i.top,t.clientHeight,t.scrollHeight,n.clientHeight,r),behavior:"auto"}))},pointerdownThumbXEvent:function(e){var t,i=this.reactData,r=this.internalData,n=e.currentTarget,l=(r.isThumbDrag=!0,n.setPointerCapture(e.pointerId),this.$refs.refViewElem);l&&(i=i.xThumbWidth,t=(n=n.parentElement).getBoundingClientRect(),e=e.clientX-t.left,t=(0,_util.getThumbOffsetSize)(l.scrollLeft,l.clientWidth,l.scrollWidth,n.clientWidth,i),r.thumbDragOffset=e-t)},pointermoveThumbXEvent:function(e){var t,i,r=this.reactData,n=this.internalData,l=n.isThumbDrag,n=n.thumbDragOffset;l&&(l=this.$refs.refViewElem)&&(r=r.xThumbWidth,i=(t=e.currentTarget.parentElement).getBoundingClientRect(),l.scrollLeft=(0,_util.getScrollFromDrag)(e.clientX-i.left,n,l.clientWidth,l.scrollWidth,t.clientWidth,r))},cleatPointerThumbEvent:function(e){var t=this.internalData;e.currentTarget.releasePointerCapture(e.pointerId),t.isThumbDrag=!1},pointerdownThumbYEvent:function(e){var t,i=this.reactData,r=this.internalData,n=e.currentTarget,l=(r.isThumbDrag=!0,n.setPointerCapture(e.pointerId),this.$refs.refViewElem);l&&(i=i.yThumbHeight,t=(n=n.parentElement).getBoundingClientRect(),e=e.clientY-t.top,t=(0,_util.getThumbOffsetSize)(l.scrollTop,l.clientHeight,l.scrollHeight,n.clientHeight,i),r.thumbDragOffset=e-t)},pointermoveThumbYEvent:function(e){var t,i,r=this.reactData,n=this.internalData,l=n.isThumbDrag,n=n.thumbDragOffset;l&&(l=this.$refs.refViewElem)&&(r=r.yThumbHeight,i=(t=e.currentTarget.parentElement).getBoundingClientRect(),l.scrollTop=(0,_util.getScrollFromDrag)(e.clientY-i.top,n,l.clientHeight,l.scrollHeight,t.clientHeight,r))},renderVN:function(e){var t=this,i=t.$scopedSlots,r=t.id,n=t.native,l=t.loading,o=t.computeXOpts,a=t.computeYOpts,i=i.default;return e("div",{ref:"refElem",attrs:{id:r||null},class:t.computeWrapperClss,style:t.computeWrapperStyle},[e("div",{ref:"refViewElem",class:t.computeViewClss,attrs:t.viewAttrs,on:{scroll:t.scrollEvent}},[e("div",{key:"vi",ref:"refViewInnerElem",class:t.computeViewInnerClss},i?i({}):[])]),n||"hidden"===o.visible?renderEmptyElement(t):e("div",{ref:"refTrackXElem",class:"vxe-scrollbar--track-x",on:{click:t.clickTrackXEvent}},[e("div",{ref:"refThumbXElem",class:"vxe-scrollbar--thumb-x",on:{pointerdown:t.pointerdownThumbXEvent,pointermove:t.pointermoveThumbXEvent,pointerup:t.cleatPointerThumbEvent,pointercancel:t.cleatPointerThumbEvent,lostpointercapture:t.cleatPointerThumbEvent}})]),n||"hidden"===a.visible?renderEmptyElement(t):e("div",{ref:"refTrackYElem",class:"vxe-scrollbar--track-y",on:{click:t.clickTrackYEvent}},[e("div",{ref:"refThumbYElem",class:"vxe-scrollbar--thumb-y",on:{pointerdown:t.pointerdownThumbYEvent,pointermove:t.pointermoveThumbYEvent,pointerup:t.cleatPointerThumbEvent,pointercancel:t.cleatPointerThumbEvent,lostpointercapture:t.cleatPointerThumbEvent}})]),e(_loading.default,{class:"vxe-scrollbar--loading",props:{value:l}})])}},watch:{height:function(){this.reFlag++},width:function(){this.reFlag++},minHeight:function(){this.reFlag++},minWidth:function(){this.reFlag++},maxHeight:function(){this.reFlag++},maxWidth:function(){this.reFlag++},native:function(){this.reFlag++},syncResize:function(){this.reFlag++},reFlag:function(){var e=this;e.recalculate().then(function(){e.recalculate()})}},created:function(){this.internalData=createInternalData()},mounted:function(){var e=this,t=e,i=e.internalData,r=t.autoResize,n=e.$refs.refViewElem,l=e.$refs.refViewInnerElem;r&&(r=globalResize.create(function(){t.autoResize&&e.reFlag++}),n&&r.observe(n),l&&r.observe(l),i.resizeObserver=r),e.reFlag++},beforeDestroy:function(){var e=this.internalData.resizeObserver;e&&e.disconnect()},destroyed:function(){var e=this.reactData,t=this.internalData;_xeUtils.default.assign(e,createReactData()),_xeUtils.default.assign(t,createInternalData())},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"),_dom=require("../../ui/src/dom"),_util=require("./util"),_loading=_interopRequireDefault(require("../../loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var getConfig=_ui.VxeUI.getConfig,createEvent=_ui.VxeUI.createEvent,domUtils=_ui.VxeUI.domUtils,globalResize=_ui.VxeUI.globalResize,globalEvents=_ui.VxeUI.globalEvents,renderEmptyElement=_ui.VxeUI.renderEmptyElement;function createReactData(){return{yThumbHeight:0,xThumbWidth:0}}function createInternalData(){return{thumbDragOffset:0,yThumbTop:0,xThumbLeft:0,lastScrollTop:0,lastScrollLeft:0}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeScrollbar",props:{id:[String,Number],width:[String,Number],height:[String,Number],minWidth:[String,Number],minHeight:[String,Number],maxWidth:[String,Number],maxHeight:[String,Number],loading:Boolean,native:{type:Boolean,default:function(){return getConfig().scrollbar.native}},padding:{type:Boolean,default:function(){return getConfig().scrollbar.padding}},xConfig:Object,yConfig:Object,className:{type:String,default:function(){return getConfig().scrollbar.className}},viewAttrs:{type:Object,default:function(){return getConfig().scrollbar.viewAttrs}},viewClassName:{type:String,default:function(){return getConfig().scrollbar.viewClassName}},viewInnerClassName:{type:String,default:function(){return getConfig().scrollbar.viewInnerClassName}},autoResize:{type:Boolean,default:function(){return getConfig().scrollbar.autoResize}},syncResize:[Boolean,String,Number]},data:function(){var e=_xeUtils.default.uniqueId(),t=createReactData();return Object.assign(Object.assign({},{}),{xID:e,reactData:t,reFlag:0})},computed:{computeWrapperStyle:function(){var e=this,t=e.width,i=e.height,r=e.minWidth,n=e.minHeight,l=e.maxWidth,o=e.maxHeight,a=e.computeXOpts,e=e.computeYOpts,s={};return t&&(s.width=(0,_dom.toCssUnit)(t)),i&&(s.height=(0,_dom.toCssUnit)(i)),r&&(s.minWidth=(0,_dom.toCssUnit)(r)),n&&(s.minHeight=(0,_dom.toCssUnit)(n)),l&&(s.maxWidth=(0,_dom.toCssUnit)(l)),o&&(s.maxHeight=(0,_dom.toCssUnit)(o)),e.width&&(s["--vxe-ui-scrollbar-y-width"]=(0,_dom.toCssUnit)(e.width)),a.height&&(s["--vxe-ui-scrollbar-x-height"]=(0,_dom.toCssUnit)(a.height)),s},computeWrapperClss:function(){var e=this,t=e.reactData,i=e.native,r=e.className,n=e.padding,l=t.yThumbHeight,t=t.xThumbWidth,o=e.computeXOpts,a=e.computeYOpts,s=e.computeXToTop,e=e.computeYToLeft;return domUtils.buildClass(["vxe-scrollbar","ov-x--".concat(o.visible||"visible"),"ov-y--".concat(a.visible||"visible"),"sx-pos--".concat(s?"top":"bottom"),"sy-pos--".concat(e?"left":"right"),i?"is--native":"is--virtual",r],{"is--padding":n,"ov-x--auto-hide":o.autoHide,"ov-y--auto-hide":a.autoHide,"overflow-y":l,"overflow-x":t})},computeViewClss:function(){var e=this.viewClassName;return domUtils.buildClass(["vxe-scrollbar--view",e])},computeViewInnerClss:function(){var e=this.viewInnerClassName;return domUtils.buildClass(["vxe-scrollbar--view-inner",e])},computeXOpts:function(){return Object.assign({},getConfig().scrollbar.xConfig,this.xConfig)},computeYOpts:function(){return Object.assign({},getConfig().scrollbar.yConfig,this.yConfig)},computeXToTop:function(){return"top"===this.computeXOpts.position},computeYToLeft:function(){return"left"===this.computeYOpts.position}},methods:{dispatchEvent:function(e,t,i){this.$emit(e,createEvent(i,{$scrollbar:this},t))},scrollTo:function(e,t){var i=this.$refs.refViewElem;i&&(_xeUtils.default.isNumber(e)?i.scrollTo(e,t||0):i.scrollTo(e))},scrollIntoView:function(){var e=this.$refs.refViewElem;e&&e.scrollIntoView()},setScrollTop:function(e){var t=this.$refs.refViewElem;t&&(t.scrollTop=e)},setScrollLeft:function(e){var t=this.$refs.refViewElem;t&&(t.scrollLeft=e)},getScrollTop:function(){var e=this.$refs.refViewElem;return e?e.scrollTop:0},getScrollLeft:function(){var e=this.$refs.refViewElem;return e?e.scrollLeft:0},clearScroll:function(){var e=this.$refs.refViewElem;e&&(e.scrollTop=0,e.scrollLeft=0)},recalculate:function(){return this.updateThumbSize(),this.updateThumbOffset(),this.$nextTick()},updateThumbSize:function(){var e,t,i=this,r=i.reactData,n=i.$refs.refViewElem;n&&(t=(t=i.$refs.refTrackXElem)?(0,_util.getThumbSize)(n.clientWidth,n.scrollWidth,t.clientWidth):0,(e=i.$refs.refThumbXElem)&&(e.style.width=t+"px"),r.xThumbWidth=t,t=(e=i.$refs.refTrackYElem)?(0,_util.getThumbSize)(n.clientHeight,n.scrollHeight,e.clientHeight):0,(n=i.$refs.refThumbYElem)&&(n.style.height=t+"px"),r.yThumbHeight=t)},updateThumbOffset:function(){var e,t,i,r=this,n=r.reactData,l=r.internalData,o=r.$refs.refViewElem;o&&(e=n.xThumbWidth,n=n.yThumbHeight,i=r.$refs.refTrackXElem,t=r.$refs.refThumbXElem,i=i&&e?(0,_util.getThumbOffsetSize)(o.scrollLeft,o.clientWidth,o.scrollWidth,i.clientWidth,e):0,l.xThumbLeft=i,t&&e&&(t.style.width=e+"px",t.style.transform="translateX(".concat(i,"px)")),e=r.$refs.refTrackYElem,t=r.$refs.refThumbYElem,i=e&&n?(0,_util.getThumbOffsetSize)(o.scrollTop,o.clientHeight,o.scrollHeight,e.clientHeight,n):0,l.yThumbTop=i,t)&&n&&(t.style.height=n+"px",t.style.transform="translateY(".concat(i,"px)"))},scrollEvent:function(e){var t,i=this,r=i.reactData,n=i.internalData,l=r.xThumbWidth,r=r.yThumbHeight,o=n.lastScrollTop,a=n.lastScrollLeft,s=i.computeXOpts,c=e.currentTarget,u=c.scrollTop,h=c.scrollLeft,f=c.clientWidth,m=c.clientHeight,g=c.scrollHeight,c=c.scrollWidth,d="",p=!1,b=!1,v=!1,T=!1;o!==u&&(t=_xeUtils.default.toNumber(i.computeYOpts.threshold)||1,o<u?(d="bottom",0<r&&g-t<=u+m&&(b=!0)):(d="top",0<r&&u<=t&&(p=!0))),a!==h&&(o=_xeUtils.default.toNumber(s.threshold)||1,a<h?(d="right",0<l&&c-o<=h+f&&(T=!0)):(d="left",0<l&&h<=o&&(v=!0))),i.updateThumbOffset(),n.lastScrollTop=u,n.lastScrollLeft=h,(b||p||T||v)&&i.dispatchEvent("scroll-boundary",{direction:d,isTop:p,isBottom:b,isLeft:v,isRight:T,scrollTop:u,scrollLeft:h,clientWidth:f,clientHeight:m,scrollHeight:g,scrollWidth:c},e),i.dispatchEvent("scroll",{direction:d,isTop:0<r&&u<=0,isBottom:0<r&&g<=u+m,isLeft:0<l&&h<=0,isRight:0<l&&c<=h+f,scrollTop:u,scrollLeft:h,clientWidth:f,clientHeight:m,scrollHeight:g,scrollWidth:c},e)},clickTrackXEvent:function(e){var t,i,r=this.reactData,n=e.currentTarget;n===e.target&&(t=this.$refs.refViewElem)&&(r=r.xThumbWidth,i=n.getBoundingClientRect(),t.scrollTo({left:(0,_util.getScrollFromClick)(e.clientX-i.left,t.clientWidth,t.scrollWidth,n.clientWidth,r),behavior:"auto"}))},clickTrackYEvent:function(e){var t,i,r=this.reactData,n=e.currentTarget;n===e.target&&(t=this.$refs.refViewElem)&&(r=r.yThumbHeight,i=n.getBoundingClientRect(),t.scrollTo({top:(0,_util.getScrollFromClick)(e.clientY-i.top,t.clientHeight,t.scrollHeight,n.clientHeight,r),behavior:"auto"}))},pointerdownThumbXEvent:function(e){var t,i=this.reactData,r=this.internalData,n=e.currentTarget,l=(r.isThumbDrag=!0,n.setPointerCapture(e.pointerId),this.$refs.refViewElem);l&&(i=i.xThumbWidth,t=(n=n.parentElement).getBoundingClientRect(),e=e.clientX-t.left,t=(0,_util.getThumbOffsetSize)(l.scrollLeft,l.clientWidth,l.scrollWidth,n.clientWidth,i),r.thumbDragOffset=e-t)},pointermoveThumbXEvent:function(e){var t,i,r=this.reactData,n=this.internalData,l=n.isThumbDrag,n=n.thumbDragOffset;l&&(l=this.$refs.refViewElem)&&(r=r.xThumbWidth,i=(t=e.currentTarget.parentElement).getBoundingClientRect(),l.scrollLeft=(0,_util.getScrollFromDrag)(e.clientX-i.left,n,l.clientWidth,l.scrollWidth,t.clientWidth,r))},cleatPointerThumbEvent:function(e){var t=this.internalData;e.currentTarget.releasePointerCapture(e.pointerId),t.isThumbDrag=!1},pointerdownThumbYEvent:function(e){var t,i=this.reactData,r=this.internalData,n=e.currentTarget,l=(r.isThumbDrag=!0,n.setPointerCapture(e.pointerId),this.$refs.refViewElem);l&&(i=i.yThumbHeight,t=(n=n.parentElement).getBoundingClientRect(),e=e.clientY-t.top,t=(0,_util.getThumbOffsetSize)(l.scrollTop,l.clientHeight,l.scrollHeight,n.clientHeight,i),r.thumbDragOffset=e-t)},pointermoveThumbYEvent:function(e){var t,i,r=this.reactData,n=this.internalData,l=n.isThumbDrag,n=n.thumbDragOffset;l&&(l=this.$refs.refViewElem)&&(r=r.yThumbHeight,i=(t=e.currentTarget.parentElement).getBoundingClientRect(),l.scrollTop=(0,_util.getScrollFromDrag)(e.clientY-i.top,n,l.clientHeight,l.scrollHeight,t.clientHeight,r))},renderVN:function(e){var t=this,i=t.$scopedSlots,r=t.id,n=t.native,l=t.loading,o=t.computeXOpts,a=t.computeYOpts,i=i.default;return e("div",{ref:"refElem",attrs:{id:r||null},class:t.computeWrapperClss,style:t.computeWrapperStyle},[e("div",{ref:"refViewElem",class:t.computeViewClss,attrs:t.viewAttrs,on:{scroll:t.scrollEvent}},[e("div",{key:"vi",ref:"refViewInnerElem",class:t.computeViewInnerClss},i?i({}):[])]),n||"hidden"===o.visible?renderEmptyElement(t):e("div",{ref:"refTrackXElem",class:"vxe-scrollbar--track-x",on:{click:t.clickTrackXEvent}},[e("div",{ref:"refThumbXElem",class:"vxe-scrollbar--thumb-x",on:{pointerdown:t.pointerdownThumbXEvent,pointermove:t.pointermoveThumbXEvent,pointerup:t.cleatPointerThumbEvent,pointercancel:t.cleatPointerThumbEvent,lostpointercapture:t.cleatPointerThumbEvent}})]),n||"hidden"===a.visible?renderEmptyElement(t):e("div",{ref:"refTrackYElem",class:"vxe-scrollbar--track-y",on:{click:t.clickTrackYEvent}},[e("div",{ref:"refThumbYElem",class:"vxe-scrollbar--thumb-y",on:{pointerdown:t.pointerdownThumbYEvent,pointermove:t.pointermoveThumbYEvent,pointerup:t.cleatPointerThumbEvent,pointercancel:t.cleatPointerThumbEvent,lostpointercapture:t.cleatPointerThumbEvent}})]),e(_loading.default,{class:"vxe-scrollbar--loading",props:{value:l}})])}},watch:{height:function(){this.reFlag++},width:function(){this.reFlag++},minHeight:function(){this.reFlag++},minWidth:function(){this.reFlag++},maxHeight:function(){this.reFlag++},maxWidth:function(){this.reFlag++},native:function(){this.reFlag++},syncResize:function(){this.reFlag++},reFlag:function(){var e=this;e.recalculate().then(function(){e.recalculate()})}},created:function(){this.internalData=createInternalData()},mounted:function(){var e=this,t=e,i=e.internalData,r=t.autoResize,n=e.$refs.refViewElem,l=e.$refs.refViewInnerElem;r&&(r=globalResize.create(function(){t.autoResize&&e.reFlag++}),n&&r.observe(n),l&&r.observe(l),i.resizeObserver=r),e.reFlag++,globalEvents.on(e,"resize",function(){e.reFlag++})},beforeDestroy:function(){var e=this.internalData.resizeObserver;e&&e.disconnect(),globalEvents.off(this,"resize")},destroyed:function(){var e=this.reactData,t=this.internalData;_xeUtils.default.assign(e,createReactData()),_xeUtils.default.assign(t,createInternalData())},render:function(e){return this.renderVN(e)}});

package/lib/space/style/style.css

@@ -37,6 +37,7 @@
 }
 .vxe-space.is--fill > .vxe-space--item {
   flex-grow: 1;
+  min-width: 100%;
 }
 
 .vxe-space--separator {

package/lib/space/style/style.min.css

@@ -1 +1 @@
-.vxe-space{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-default);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-default)}.vxe-space.size--xlarge{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-xlarge);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-xlarge)}.vxe-space.size--large{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-large);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-large)}.vxe-space.size--medium{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-medium);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-medium)}.vxe-space.size--small{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-small);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-small)}.vxe-space.size--mini{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-mini);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-mini)}.vxe-space{display:inline-flex;flex-direction:row;align-items:center;gap:var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap)}.vxe-space.is--wrap{flex-wrap:wrap}.vxe-space.is--vertical{flex-direction:column}.vxe-space.is--fill>.vxe-space--item{flex-grow:1}.vxe-space--separator{flex-shrink:0}
+.vxe-space{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-default);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-default)}.vxe-space.size--xlarge{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-xlarge);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-xlarge)}.vxe-space.size--large{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-large);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-large)}.vxe-space.size--medium{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-medium);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-medium)}.vxe-space.size--small{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-small);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-small)}.vxe-space.size--mini{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-mini);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-mini)}.vxe-space{display:inline-flex;flex-direction:row;align-items:center;gap:var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap)}.vxe-space.is--wrap{flex-wrap:wrap}.vxe-space.is--vertical{flex-direction:column}.vxe-space.is--fill>.vxe-space--item{flex-grow:1;min-width:100%}.vxe-space--separator{flex-shrink:0}