vxe-pc-ui 3.17.19 → 3.17.20

package/lib/slider/src/slider.js

@@ -18,6 +18,17 @@ 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; }
+function createInternalData() {
+  return {
+    // _isUp: false
+  };
+}
+function createReactData() {
+  return {
+    startValue: 0,
+    endValue: 0
+  };
+}
 var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
   name: 'VxeSlider',
   model: {
@@ -64,6 +75,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     disabled: {
       type: Boolean,
       default: null
+    },
+    immediate: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().slider.immediate;
+      }
     }
   },
   inject: {
@@ -77,14 +94,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   },
   data: function data() {
     var xID = _xeUtils.default.uniqueId();
-    var reactData = {
-      startValue: 0,
-      endValue: 0
-    };
-    return {
+    var reactData = createReactData();
+    return Object.assign(Object.assign({}, {}), {
       xID: xID,
       reactData: reactData
-    };
+    });
   },
   computed: Object.assign(Object.assign({}, {}), {
     computeFormReadonly: function computeFormReadonly() {
@@ -136,7 +150,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     },
     emitModel: function emitModel(value) {
       var $xeSlider = this;
+      var internalData = $xeSlider.internalData;
       var _events = $xeSlider._events;
+      internalData._isUp = true;
       if (_events && _events.modelValue) {
         $xeSlider.$emit('modelValue', value);
       } else {
@@ -225,7 +241,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     },
     handleMousedownEvent: function handleMousedownEvent(evnt, isEnd) {
       var $xeSlider = this;
+      var props = $xeSlider;
       var reactData = $xeSlider.reactData;
+      var immediate = props.immediate;
       var formReadonly = $xeSlider.computeFormReadonly;
       var isDisabled = $xeSlider.computeIsDisabled;
       var maxNum = $xeSlider.computeMaxNum;
@@ -248,6 +266,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
               endValue: reactData.endValue
             }, evnt);
           }
+          if (immediate) {
+            $xeSlider.changeEvent(evnt);
+          }
           $xeSlider.updateBarStyle();
         };
         document.onmouseup = function (evnt) {
@@ -318,17 +339,29 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   watch: {
     value: function value() {
       var $xeSlider = this;
-      $xeSlider.updateModel();
+      var internalData = $xeSlider.internalData;
+      if (!internalData._isUp) {
+        $xeSlider.updateModel();
+      }
+      internalData._isUp = false;
     }
   },
   created: function created() {
     var $xeSlider = this;
+    $xeSlider.internalData = createInternalData();
     $xeSlider.updateModel();
   },
   mounted: function mounted() {
     var $xeSlider = this;
     $xeSlider.updateBarStyle();
   },
+  beforeDestroy: function beforeDestroy() {
+    var $xeSlider = this;
+    var reactData = $xeSlider.reactData;
+    var internalData = $xeSlider.internalData;
+    _xeUtils.default.assign(reactData, createReactData());
+    _xeUtils.default.assign(internalData, createInternalData());
+  },
   render: function render(h) {
     return this.renderVN(h);
   }

package/lib/slider/src/slider.min.js

@@ -1 +1 @@
-function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(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");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}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,n=Array(t);r<t;r++)n[r]=e[r];return n}function _iterableToArrayLimit(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o,i,u=[],l=!0,s=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=o.call(r)).done)&&(u.push(n.value),u.length!==t);l=!0);}catch(e){s=!0,a=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw a}}return u}}function _arrayWithHoles(e){if(Array.isArray(e))return e}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSlider",model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Array],vertical:Boolean,max:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.max}},min:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.min}},step:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.step}},size:{type:String,default:function(){return(0,_ui.getConfig)().slider.size||(0,_ui.getConfig)().size}},range:{type:Boolean,default:function(){return(0,_ui.getConfig)().slider.range}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{startValue:0,endValue:0}}},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeMaxNum:function(){return _xeUtils.default.toNumber(this.max||0)},computeMinNum:function(){return _xeUtils.default.toNumber(this.min||0)}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$watermark:this},t))},emitModel:function(e){var t=this._events;t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},getStartPercent:function(e){var t=this.range,r=this.computeMaxNum,n=this.computeMinNum;return t?_xeUtils.default.floor((e-n)/_xeUtils.default.toNumber(r-n)*100):0},getEndPercent:function(e,t){var r=this.range,n=this.computeMaxNum,a=this.computeMinNum;return _xeUtils.default.floor((t-(r?e:0)-a)/_xeUtils.default.toNumber(n-a)*100)},updateModel:function(){var e,t,r=this.reactData,n=this.value;_xeUtils.default.isArray(n)?(e=(t=_slicedToArray(_xeUtils.default.clone(n,!0).sort(),2))[0],t=t[1],r.startValue=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0)),r.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(t||0))):(r.startValue=0,r.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(n||0)))},updateBarStyle:function(){var e=this,t=e.reactData,r=t.startValue,t=t.endValue,n=e.$refs.refTrackElem,a=e.$refs.refStartBtnElem,o=e.$refs.refEndBtnElem,i=0,u=0,u=t<r?(i=e.getStartPercent(t),e.getEndPercent(t,r)):(i=e.getStartPercent(r),e.getEndPercent(r,t));n&&(n.style.left="".concat(i,"%"),n.style.width="".concat(u,"%")),a&&(a.style.left="".concat(i,"%")),o&&(o.style.left="".concat(_xeUtils.default.floor(i+u),"%"))},changeEvent:function(e){var t=this,r=t.reactData,n=t.$xeForm,a=t.formItemInfo,o=t.range,i=r.startValue,r=r.endValue,o=o?[i,r].sort():r;t.emitModel(o),t.dispatchEvent("change",{value:o},e),n&&a&&n.triggerItemEvent(e,a.itemConfig.field,o)},handleMousedownEvent:function(e,r){var n=this,a=n.reactData,o=n.computeMaxNum,i=n.computeMinNum;n.computeFormReadonly||n.computeIsDisabled||(e.preventDefault(),document.onmousemove=function(e){e.preventDefault();var t=n.$refs.refBarElem;t&&(t=t.getBoundingClientRect(),t=(e.clientX-t.left)/t.width,r?a.endValue=_xeUtils.default.floor(Math.max(i,Math.min(o,t*(o-i)+i))):a.startValue=_xeUtils.default.floor(Math.max(i,Math.min(o,t*(o-i)))),n.dispatchEvent("track-dragover",{startValue:a.startValue,endValue:a.endValue},e)),n.updateBarStyle()},document.onmouseup=function(e){document.onmousemove=null,document.onmouseup=null,n.dispatchEvent("track-dragend",{startValue:a.startValue,endValue:a.endValue},e),n.changeEvent(e),n.updateBarStyle()},n.dispatchEvent("track-dragstart",{startValue:a.startValue,endValue:a.endValue},e))},handleStartMousedownEvent:function(e){var t=this.$refs.refEndBtnElem,r=e.currentTarget;this.handleMousedownEvent(e,!!t&&t.offsetLeft<r.offsetLeft)},handleEndMousedownEvent:function(e){var t=this.$refs.refStartBtnElem,r=e.currentTarget;this.handleMousedownEvent(e,!t||r.offsetLeft>t.offsetLeft)},renderVN:function(e){var t=this,r=t.vertical,n=t.range,a=t.computeSize,o=t.computeFormReadonly,i=t.computeIsDisabled;return e("div",{ref:"refElem",class:["vxe-slider",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"is--vertical",r),"is--readonly",o),"is--disabled",i)]},[e("div",{class:"vxe-slider--inner"},[e("div",{ref:"refBarElem",class:"vxe-slider--bar-wrapper"}),e("div",{ref:"refTrackElem",class:"vxe-slider--bar-track"}),o||!n?(0,_ui.renderEmptyElement)(t):e("div",{ref:"refStartBtnElem",class:"vxe-slider--bar-btn vxe-slider--start-btn",on:{mousedown:t.handleStartMousedownEvent}}),o?(0,_ui.renderEmptyElement)(t):e("div",{ref:"refEndBtnElem",class:"vxe-slider--bar-btn vxe-slider--end-btn",on:{mousedown:t.handleEndMousedownEvent}})])])}},watch:{value:function(){this.updateModel()}},created:function(){this.updateModel()},mounted:function(){this.updateBarStyle()},render:function(e){return this.renderVN(e)}});
+function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(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");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);r=r.call(e,t||"default");if("object"!=_typeof(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}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,n=Array(t);r<t;r++)n[r]=e[r];return n}function _iterableToArrayLimit(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,o,l=[],u=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);u=!0);}catch(e){s=!0,a=e}finally{try{if(!u&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(s)throw a}}return l}}function _arrayWithHoles(e){if(Array.isArray(e))return e}function createInternalData(){return{}}function createReactData(){return{startValue:0,endValue:0}}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSlider",model:{prop:"value",event:"modelValue"},props:{value:[String,Number,Array],vertical:Boolean,max:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.max}},min:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.min}},step:{type:[String,Number],default:function(){return(0,_ui.getConfig)().slider.step}},size:{type:String,default:function(){return(0,_ui.getConfig)().slider.size||(0,_ui.getConfig)().size}},range:{type:Boolean,default:function(){return(0,_ui.getConfig)().slider.range}},readonly:{type:Boolean,default:null},disabled:{type:Boolean,default:null},immediate:{type:Boolean,default:function(){return(0,_ui.getConfig)().slider.immediate}}},inject:{$xeForm:{default:null},formItemInfo:{from:"xeFormItemInfo",default:null}},data:function(){var e=_xeUtils.default.uniqueId(),t=createReactData();return Object.assign(Object.assign({},{}),{xID:e,reactData:t})},computed:Object.assign(Object.assign({},{}),{computeFormReadonly:function(){var e=this.$xeForm,t=this.readonly;return null===t?!!e&&e.readonly:t},computeIsDisabled:function(){var e=this.$xeForm,t=this.disabled;return null===t?!!e&&e.disabled:t},computeMaxNum:function(){return _xeUtils.default.toNumber(this.max||0)},computeMinNum:function(){return _xeUtils.default.toNumber(this.min||0)}}),methods:{dispatchEvent:function(e,t,r){this.$emit(e,(0,_ui.createEvent)(r,{$watermark:this},t))},emitModel:function(e){var t=this.internalData,r=this._events;t._isUp=!0,r&&r.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},getStartPercent:function(e){var t=this.range,r=this.computeMaxNum,n=this.computeMinNum;return t?_xeUtils.default.floor((e-n)/_xeUtils.default.toNumber(r-n)*100):0},getEndPercent:function(e,t){var r=this.range,n=this.computeMaxNum,a=this.computeMinNum;return _xeUtils.default.floor((t-(r?e:0)-a)/_xeUtils.default.toNumber(n-a)*100)},updateModel:function(){var e,t,r=this.reactData,n=this.value;_xeUtils.default.isArray(n)?(e=(t=_slicedToArray(_xeUtils.default.clone(n,!0).sort(),2))[0],t=t[1],r.startValue=_xeUtils.default.floor(_xeUtils.default.toNumber(e||0)),r.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(t||0))):(r.startValue=0,r.endValue=_xeUtils.default.floor(_xeUtils.default.toNumber(n||0)))},updateBarStyle:function(){var e=this,t=e.reactData,r=t.startValue,t=t.endValue,n=e.$refs.refTrackElem,a=e.$refs.refStartBtnElem,i=e.$refs.refEndBtnElem,o=0,l=0,l=t<r?(o=e.getStartPercent(t),e.getEndPercent(t,r)):(o=e.getStartPercent(r),e.getEndPercent(r,t));n&&(n.style.left="".concat(o,"%"),n.style.width="".concat(l,"%")),a&&(a.style.left="".concat(o,"%")),i&&(i.style.left="".concat(_xeUtils.default.floor(o+l),"%"))},changeEvent:function(e){var t=this,r=t.reactData,n=t.$xeForm,a=t.formItemInfo,i=t.range,o=r.startValue,r=r.endValue,i=i?[o,r].sort():r;t.emitModel(i),t.dispatchEvent("change",{value:i},e),n&&a&&n.triggerItemEvent(e,a.itemConfig.field,i)},handleMousedownEvent:function(e,r){var n=this,a=n.reactData,i=n.immediate,o=n.computeMaxNum,l=n.computeMinNum;n.computeFormReadonly||n.computeIsDisabled||(e.preventDefault(),document.onmousemove=function(e){e.preventDefault();var t=n.$refs.refBarElem;t&&(t=t.getBoundingClientRect(),t=(e.clientX-t.left)/t.width,r?a.endValue=_xeUtils.default.floor(Math.max(l,Math.min(o,t*(o-l)+l))):a.startValue=_xeUtils.default.floor(Math.max(l,Math.min(o,t*(o-l)))),n.dispatchEvent("track-dragover",{startValue:a.startValue,endValue:a.endValue},e)),i&&n.changeEvent(e),n.updateBarStyle()},document.onmouseup=function(e){document.onmousemove=null,document.onmouseup=null,n.dispatchEvent("track-dragend",{startValue:a.startValue,endValue:a.endValue},e),n.changeEvent(e),n.updateBarStyle()},n.dispatchEvent("track-dragstart",{startValue:a.startValue,endValue:a.endValue},e))},handleStartMousedownEvent:function(e){var t=this.$refs.refEndBtnElem,r=e.currentTarget;this.handleMousedownEvent(e,!!t&&t.offsetLeft<r.offsetLeft)},handleEndMousedownEvent:function(e){var t=this.$refs.refStartBtnElem,r=e.currentTarget;this.handleMousedownEvent(e,!t||r.offsetLeft>t.offsetLeft)},renderVN:function(e){var t=this,r=t.vertical,n=t.range,a=t.computeSize,i=t.computeFormReadonly,o=t.computeIsDisabled;return e("div",{ref:"refElem",class:["vxe-slider",_defineProperty(_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"is--vertical",r),"is--readonly",i),"is--disabled",o)]},[e("div",{class:"vxe-slider--inner"},[e("div",{ref:"refBarElem",class:"vxe-slider--bar-wrapper"}),e("div",{ref:"refTrackElem",class:"vxe-slider--bar-track"}),i||!n?(0,_ui.renderEmptyElement)(t):e("div",{ref:"refStartBtnElem",class:"vxe-slider--bar-btn vxe-slider--start-btn",on:{mousedown:t.handleStartMousedownEvent}}),i?(0,_ui.renderEmptyElement)(t):e("div",{ref:"refEndBtnElem",class:"vxe-slider--bar-btn vxe-slider--end-btn",on:{mousedown:t.handleEndMousedownEvent}})])])}},watch:{value:function(){var e=this.internalData;e._isUp||this.updateModel(),e._isUp=!1}},created:function(){this.internalData=createInternalData(),this.updateModel()},mounted:function(){this.updateBarStyle()},beforeDestroy: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/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeSpace = exports.Space = void 0;
+var _core = require("@vxe-ui/core");
+var _space = _interopRequireDefault(require("./src/space"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var VxeSpace = exports.VxeSpace = Object.assign({}, _space.default, {
+  install: function install(app) {
+    app.component(_space.default.name, _space.default);
+  }
+});
+_dynamics.dynamicApp.use(VxeSpace);
+_core.VxeUI.component(_space.default);
+var Space = exports.Space = VxeSpace;
+var _default = exports.default = VxeSpace;

package/lib/space/index.min.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeSpace=exports.Space=void 0;var _core=require("@vxe-ui/core"),_space=_interopRequireDefault(require("./src/space")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var VxeSpace=exports.VxeSpace=Object.assign({},_space.default,{install:function(e){e.component(_space.default.name,_space.default)}}),Space=(_dynamics.dynamicApp.use(VxeSpace),_core.VxeUI.component(_space.default),exports.Space=VxeSpace),_default=exports.default=VxeSpace;

package/lib/space/src/space.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _comp = require("../../ui/src/comp");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _ui = require("../../ui");
+var _dom = require("../../ui/src/dom");
+var _utils = require("../../ui/src/utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defineVxeComponent)({
+  name: 'VxeSpace',
+  mixins: [_ui.globalMixins.sizeMixin, _ui.globalMixins.permissionMixin],
+  props: {
+    size: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.size || (0, _ui.getConfig)().size;
+      }
+    },
+    wrap: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.wrap;
+      }
+    },
+    gap: {
+      type: [Number, String, Array, Object],
+      default: function _default() {
+        return (0, _ui.getConfig)().space.gap;
+      }
+    },
+    vertical: {
+      type: Boolean,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.vertical;
+      }
+    },
+    className: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.className;
+      }
+    },
+    itemClassName: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.itemClassName;
+      }
+    },
+    separator: {
+      type: String,
+      default: function _default() {
+        return (0, _ui.getConfig)().space.separator;
+      }
+    }
+  },
+  data: function data() {
+    var xID = _xeUtils.default.uniqueId();
+    var reactData = {
+      activeValue: null
+    };
+    return {
+      xID: xID,
+      reactData: reactData
+    };
+  },
+  computed: Object.assign(Object.assign({}, {}), {
+    computeWrapperStyle: function computeWrapperStyle() {
+      var $xeSpace = this;
+      var props = $xeSpace;
+      var gap = props.gap;
+      var stys = {};
+      var rowGap = '';
+      var columGap = '';
+      if (_xeUtils.default.isNumber(gap) || _xeUtils.default.isString(gap)) {
+        rowGap = gap;
+        columGap = gap;
+      } else if (gap) {
+        if (_xeUtils.default.isArray(gap)) {
+          rowGap = gap[0];
+          columGap = gap[1];
+        } else {
+          rowGap = gap.rowGap || '';
+          columGap = gap.columGap || '';
+        }
+      }
+      if (!(0, _utils.eqEmptyValue)(rowGap)) {
+        stys['--vxe-ui-space-current-row-gap'] = (0, _dom.toCssUnit)(rowGap);
+      }
+      if (!(0, _utils.eqEmptyValue)(columGap)) {
+        stys['--vxe-ui-space-current-column-gap'] = (0, _dom.toCssUnit)(columGap);
+      }
+      return stys;
+    }
+  }),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeSpace = this;
+      $xeSpace.$emit(type, (0, _ui.createEvent)(evnt, {
+        $space: $xeSpace
+      }, params));
+    },
+    //
+    // Render
+    //
+    renderVN: function renderVN(h) {
+      var $xeSpace = this;
+      var props = $xeSpace;
+      var slots = $xeSpace.$scopedSlots;
+      var vertical = props.vertical,
+        wrap = props.wrap,
+        className = props.className,
+        itemClassName = props.itemClassName;
+      var wrapperStyle = $xeSpace.computeWrapperStyle;
+      var vSize = $xeSpace.computeSize;
+      var defaultSlot = slots.default;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-space', (0, _dom.getPropClass)(className, {}), _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--wrap', wrap), 'is--vertical', vertical)],
+        style: wrapperStyle
+      }, defaultSlot ? (defaultSlot({}) || []).map(function (itemVN, index) {
+        return h('div', {
+          key: index,
+          class: ['vxe-space--item', (0, _dom.getPropClass)(itemClassName, {
+            index: index
+          })]
+        }, [itemVN]);
+      }) : []);
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+});
+/* define-vxe-component end */

package/lib/space/src/space.min.js

@@ -0,0 +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"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSpace",mixins:[_ui.globalMixins.sizeMixin,_ui.globalMixins.permissionMixin],props:{size:{type:String,default:function(){return(0,_ui.getConfig)().space.size||(0,_ui.getConfig)().size}},wrap:{type:Boolean,default:function(){return(0,_ui.getConfig)().space.wrap}},gap:{type:[Number,String,Array,Object],default:function(){return(0,_ui.getConfig)().space.gap}},vertical:{type:Boolean,default:function(){return(0,_ui.getConfig)().space.vertical}},className:{type:String,default:function(){return(0,_ui.getConfig)().space.className}},itemClassName:{type:String,default:function(){return(0,_ui.getConfig)().space.itemClassName}},separator:{type:String,default:function(){return(0,_ui.getConfig)().space.separator}}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{activeValue:null}}},computed:Object.assign(Object.assign({},{}),{computeWrapperStyle:function(){var e=this.gap,t={},i="",r="";return _xeUtils.default.isNumber(e)||_xeUtils.default.isString(e)?r=i=e:e&&(r=_xeUtils.default.isArray(e)?(i=e[0],e[1]):(i=e.rowGap||"",e.columGap||"")),(0,_utils.eqEmptyValue)(i)||(t["--vxe-ui-space-current-row-gap"]=(0,_dom.toCssUnit)(i)),(0,_utils.eqEmptyValue)(r)||(t["--vxe-ui-space-current-column-gap"]=(0,_dom.toCssUnit)(r)),t}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$space:this},t))},renderVN:function(i){var e=this,t=e.$scopedSlots,r=e.vertical,n=e.wrap,o=e.itemClassName,u=e.computeWrapperStyle,a=e.computeSize,t=t.default;return i("div",{ref:"refElem",class:["vxe-space",(0,_dom.getPropClass)(e.className,{}),_defineProperty(_defineProperty(_defineProperty({},"size--".concat(a),a),"is--wrap",n),"is--vertical",r)],style:u},t?(t({})||[]).map(function(e,t){return i("div",{key:t,class:["vxe-space--item",(0,_dom.getPropClass)(o,{index:t})]},[e])}):[])}},render:function(e){return this.renderVN(e)}});

package/lib/space/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/space/style/style.css

@@ -0,0 +1,36 @@
+.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;
+  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;
+}

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

@@ -0,0 +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;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}