vxe-pc-ui 3.17.19 → 3.17.21

package/lib/index.umd.js

@@ -11224,6 +11224,7 @@ __webpack_require__.d(__webpack_exports__, {
   Segmented: function() { return /* reexport */ Segmented; },
   Select: function() { return /* reexport */ Select; },
   Slider: function() { return /* reexport */ Slider; },
+  Space: function() { return /* reexport */ Space; },
   Split: function() { return /* reexport */ Split; },
   SplitPane: function() { return /* reexport */ SplitPane; },
   Splitter: function() { return /* reexport */ Splitter; },
@@ -11315,6 +11316,7 @@ __webpack_require__.d(__webpack_exports__, {
   VxeSegmented: function() { return /* reexport */ VxeSegmented; },
   VxeSelect: function() { return /* reexport */ VxeSelect; },
   VxeSlider: function() { return /* reexport */ VxeSlider; },
+  VxeSpace: function() { return /* reexport */ VxeSpace; },
   VxeSplit: function() { return /* reexport */ VxeSplit; },
   VxeSplitPane: function() { return /* reexport */ VxeSplitPane; },
   VxeSplitter: function() { return /* reexport */ VxeSplitter; },
@@ -11471,6 +11473,7 @@ __webpack_require__.d(components_namespaceObject, {
   Segmented: function() { return Segmented; },
   Select: function() { return Select; },
   Slider: function() { return Slider; },
+  Space: function() { return Space; },
   Split: function() { return Split; },
   SplitPane: function() { return SplitPane; },
   Splitter: function() { return Splitter; },
@@ -11562,6 +11565,7 @@ __webpack_require__.d(components_namespaceObject, {
   VxeSegmented: function() { return VxeSegmented; },
   VxeSelect: function() { return VxeSelect; },
   VxeSlider: function() { return VxeSlider; },
+  VxeSpace: function() { return VxeSpace; },
   VxeSplit: function() { return VxeSplit; },
   VxeSplitPane: function() { return VxeSplitPane; },
   VxeSplitter: function() { return VxeSplitter; },
@@ -13261,7 +13265,7 @@ var es_array_join = __webpack_require__(8598);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.17.19");
+var uiVersion = "ui v".concat("3.17.21");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13281,7 +13285,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.17.19";
+var ui_version = "3.17.21";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -13652,6 +13656,7 @@ setConfig({
     max: 100,
     min: 0
   },
+  space: {},
   steps: {},
   switch: {},
   tabPane: {},
@@ -15086,6 +15091,9 @@ function getTpImg() {
   }
   return tpImgEl;
 }
+function getPropClass(property, params) {
+  return property ? (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(property) ? property(params) : property) || '' : '';
+}
 var reClsMap = {};
 function getClsRE(cls) {
   if (!reClsMap[cls]) {
@@ -58493,6 +58501,21 @@ var SplitPane = VxeSplitPane;
 
 
 
+
+
+
+
+function slider_createInternalData() {
+  return {
+    // _isUp: false,
+    currValue: 0,
+    startValue: 0,
+    endValue: 0
+  };
+}
+function slider_createReactData() {
+  return {};
+}
 /* harmony default export */ var slider = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeSlider',
   model: {
@@ -58501,6 +58524,8 @@ var SplitPane = VxeSplitPane;
   },
   props: {
     value: [String, Number, Array],
+    startValue: [String, Number],
+    endValue: [String, Number],
     vertical: Boolean,
     max: {
       type: [String, Number],
@@ -58539,6 +58564,12 @@ var SplitPane = VxeSplitPane;
     disabled: {
       type: Boolean,
       default: null
+    },
+    immediate: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().slider.immediate;
+      }
     }
   },
   inject: {
@@ -58552,14 +58583,11 @@ var SplitPane = VxeSplitPane;
   },
   data: function data() {
     var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
-    var reactData = {
-      startValue: 0,
-      endValue: 0
-    };
-    return {
+    var reactData = slider_createReactData();
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: xID,
       reactData: reactData
-    };
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeFormReadonly: function computeFormReadonly() {
@@ -58597,6 +58625,14 @@ var SplitPane = VxeSplitPane;
       var $xeSlider = this;
       var props = $xeSlider;
       return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.min || 0);
+    },
+    computeMVal: function computeMVal() {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      var range = props.range,
+        startValue = props.startValue,
+        endValue = props.endValue;
+      return range ? "".concat(startValue || '').concat(endValue || '') : '';
     }
   }),
   methods: {
@@ -58611,85 +58647,168 @@ var SplitPane = VxeSplitPane;
     },
     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 {
         $xeSlider.$emit('model-value', value);
       }
     },
-    getStartPercent: function getStartPercent(startValue) {
+    getBarPercent: function getBarPercent(currValue) {
       var $xeSlider = this;
-      var props = $xeSlider;
-      var range = props.range;
       var maxNum = $xeSlider.computeMaxNum;
       var minNum = $xeSlider.computeMinNum;
-      return range ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor((startValue - minNum) / external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(maxNum - minNum) * 100) : 0;
+      if (maxNum === minNum) {
+        return 0;
+      }
+      if (currValue < minNum) {
+        currValue = minNum;
+      }
+      if (currValue > maxNum) {
+        currValue = maxNum;
+      }
+      return (currValue - minNum) / (maxNum - minNum) * 100;
     },
-    getEndPercent: function getEndPercent(startValue, endValue) {
+    parseFields: function parseFields(startValue, endValue) {
       var $xeSlider = this;
-      var props = $xeSlider;
-      var range = props.range;
-      var maxNum = $xeSlider.computeMaxNum;
-      var minNum = $xeSlider.computeMinNum;
-      return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor((endValue - (range ? startValue : 0) - minNum) / external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(maxNum - minNum) * 100);
+      var internalData = $xeSlider.internalData;
+      var _XEUtils$orderBy = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy([external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(startValue), external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(endValue)]),
+        _XEUtils$orderBy2 = _slicedToArray(_XEUtils$orderBy, 2),
+        sVal = _XEUtils$orderBy2[0],
+        eVal = _XEUtils$orderBy2[1];
+      var currValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(sVal || 0));
+      internalData.currValue = currValue;
+      internalData.startValue = currValue;
+      internalData.endValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(eVal || 0));
+    },
+    parseArrs: function parseArrs(arrVals) {
+      var $xeSlider = this;
+      var internalData = $xeSlider.internalData;
+      var _XEUtils$orderBy3 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(arrVals),
+        _XEUtils$orderBy4 = _slicedToArray(_XEUtils$orderBy3, 2),
+        sVal = _XEUtils$orderBy4[0],
+        eVal = _XEUtils$orderBy4[1];
+      var currValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(sVal || 0));
+      internalData.currValue = currValue;
+      internalData.startValue = currValue;
+      internalData.endValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(eVal || 0));
+    },
+    parseNum: function parseNum(val) {
+      var $xeSlider = this;
+      var internalData = $xeSlider.internalData;
+      var currValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(val || 0));
+      internalData.currValue = currValue;
+      internalData.startValue = 0;
+      internalData.endValue = currValue;
     },
-    updateModel: function updateModel() {
+    updateModelValue: function updateModelValue(umType) {
       var $xeSlider = this;
       var props = $xeSlider;
-      var reactData = $xeSlider.reactData;
-      var value = props.value;
-      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(value)) {
-        var _XEUtils$clone$sort = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(value, true).sort(),
-          _XEUtils$clone$sort2 = _slicedToArray(_XEUtils$clone$sort, 2),
-          sVal = _XEUtils$clone$sort2[0],
-          eVal = _XEUtils$clone$sort2[1];
-        reactData.startValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(sVal || 0));
-        reactData.endValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(eVal || 0));
+      var range = props.range,
+        modelValue = props.value,
+        startValue = props.startValue,
+        endValue = props.endValue;
+      if (!umType) {
+        if (range) {
+          if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(modelValue)) {
+            if (startValue || endValue) {
+              $xeSlider.parseFields(startValue, endValue);
+            }
+          } else {
+            if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue)) {
+              $xeSlider.parseArrs(modelValue.map(function (num) {
+                return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(num);
+              }));
+            } else {
+              $xeSlider.parseNum(modelValue);
+            }
+          }
+        } else {
+          $xeSlider.parseNum(modelValue);
+        }
+      } else if (range && umType === 2) {
+        $xeSlider.parseFields(startValue, endValue);
       } else {
-        reactData.startValue = 0;
-        reactData.endValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(value || 0));
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue)) {
+          $xeSlider.parseArrs(modelValue.map(function (num) {
+            return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(num);
+          }));
+        } else {
+          $xeSlider.parseNum(modelValue);
+        }
       }
+      $xeSlider.updateBarStyle();
+      $xeSlider.updateTrackStyle();
     },
     updateBarStyle: function updateBarStyle() {
       var $xeSlider = this;
-      var reactData = $xeSlider.reactData;
-      var startValue = reactData.startValue,
-        endValue = reactData.endValue;
-      var trackElem = $xeSlider.$refs.refTrackElem;
+      var props = $xeSlider;
+      var internalData = $xeSlider.internalData;
+      var range = props.range;
+      var currValue = internalData.currValue,
+        startValue = internalData.startValue,
+        endValue = internalData.endValue;
       var startBtnElem = $xeSlider.$refs.refStartBtnElem;
       var endBtnElem = $xeSlider.$refs.refEndBtnElem;
-      var startPercent = 0;
-      var endPercent = 0;
-      if (startValue > endValue) {
-        startPercent = $xeSlider.getStartPercent(endValue);
-        endPercent = $xeSlider.getEndPercent(endValue, startValue);
+      if (range) {
+        var _XEUtils$orderBy5 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy([startValue, endValue]),
+          _XEUtils$orderBy6 = _slicedToArray(_XEUtils$orderBy5, 2),
+          sVal = _XEUtils$orderBy6[0],
+          eVal = _XEUtils$orderBy6[1];
+        if (startBtnElem) {
+          startBtnElem.style.left = $xeSlider.getBarPercent(sVal) + '%';
+        }
+        if (endBtnElem) {
+          endBtnElem.style.left = $xeSlider.getBarPercent(eVal) + '%';
+        }
       } else {
-        startPercent = $xeSlider.getStartPercent(startValue);
-        endPercent = $xeSlider.getEndPercent(startValue, endValue);
+        if (endBtnElem) {
+          endBtnElem.style.left = $xeSlider.getBarPercent(currValue) + '%';
+        }
       }
+    },
+    updateTrackStyle: function updateTrackStyle() {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      var internalData = $xeSlider.internalData;
+      var range = props.range;
+      var currValue = internalData.currValue,
+        startValue = internalData.startValue,
+        endValue = internalData.endValue;
+      var trackElem = $xeSlider.$refs.refTrackElem;
       if (trackElem) {
-        trackElem.style.left = "".concat(startPercent, "%");
-        trackElem.style.width = "".concat(endPercent, "%");
-      }
-      if (startBtnElem) {
-        startBtnElem.style.left = "".concat(startPercent, "%");
-      }
-      if (endBtnElem) {
-        endBtnElem.style.left = "".concat(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(startPercent + endPercent), "%");
+        if (range) {
+          var _XEUtils$orderBy7 = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy([startValue, endValue]),
+            _XEUtils$orderBy8 = _slicedToArray(_XEUtils$orderBy7, 2),
+            sVal = _XEUtils$orderBy8[0],
+            eVal = _XEUtils$orderBy8[1];
+          trackElem.style.left = $xeSlider.getBarPercent(sVal) + '%';
+          trackElem.style.width = $xeSlider.getBarPercent(eVal - sVal) + '%';
+        } else {
+          trackElem.style.left = '0';
+          trackElem.style.width = $xeSlider.getBarPercent(currValue) + '%';
+        }
       }
     },
     changeEvent: function changeEvent(evnt) {
       var $xeSlider = this;
       var props = $xeSlider;
-      var reactData = $xeSlider.reactData;
+      var internalData = $xeSlider.internalData;
       var $xeForm = $xeSlider.$xeForm;
       var formItemInfo = $xeSlider.formItemInfo;
       var range = props.range;
-      var startValue = reactData.startValue,
-        endValue = reactData.endValue;
-      var value = range ? [startValue, endValue].sort() : endValue;
+      var currValue = internalData.currValue,
+        startValue = internalData.startValue,
+        endValue = internalData.endValue;
+      var vals = range ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy([startValue, endValue]) : [];
+      var value = range ? vals : currValue;
       $xeSlider.emitModel(value);
+      if (range) {
+        $xeSlider.$emit('update:startValue', vals[0] || 0);
+        $xeSlider.$emit('update:endValue', vals[1] || 0);
+      }
       $xeSlider.dispatchEvent('change', {
         value: value
       }, evnt);
@@ -58698,61 +58817,77 @@ var SplitPane = VxeSplitPane;
         $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
       }
     },
-    handleMousedownEvent: function handleMousedownEvent(evnt, isEnd) {
+    getValueByLeft: function getValueByLeft(offsetLeft, barWidth) {
       var $xeSlider = this;
-      var reactData = $xeSlider.reactData;
-      var formReadonly = $xeSlider.computeFormReadonly;
-      var isDisabled = $xeSlider.computeIsDisabled;
       var maxNum = $xeSlider.computeMaxNum;
       var minNum = $xeSlider.computeMinNum;
+      if (barWidth === 0) {
+        return minNum;
+      }
+      var clamped = Math.max(0, Math.min(barWidth, offsetLeft));
+      var ratio = clamped / barWidth;
+      var raw = minNum + ratio * (maxNum - minNum);
+      return Math.floor(raw);
+    },
+    handleBtnMousedownEvent: function handleBtnMousedownEvent(evnt) {
+      var $xeSlider = this;
+      var props = $xeSlider;
+      var internalData = $xeSlider.internalData;
+      var range = props.range,
+        immediate = props.immediate;
+      var btnElem = evnt.currentTarget;
+      var formReadonly = $xeSlider.computeFormReadonly;
+      var isDisabled = $xeSlider.computeIsDisabled;
       if (!(formReadonly || isDisabled)) {
         evnt.preventDefault();
         document.onmousemove = function (evnt) {
           evnt.preventDefault();
+          var el = $xeSlider.$refs.refElem;
           var barElem = $xeSlider.$refs.refBarElem;
-          if (barElem) {
+          if (el && barElem) {
+            var btnType = btnElem.getAttribute('data-type');
             var barRect = barElem.getBoundingClientRect();
-            var trackWidth = (evnt.clientX - barRect.left) / barRect.width;
-            if (isEnd) {
-              reactData.endValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(Math.max(minNum, Math.min(maxNum, trackWidth * (maxNum - minNum) + minNum)));
-            } else {
-              reactData.startValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(Math.max(minNum, Math.min(maxNum, trackWidth * (maxNum - minNum))));
+            var barWidth = barRect.width;
+            var offsetLeft = Math.min(barWidth, Math.max(0, evnt.clientX - barRect.left));
+            var currValue = $xeSlider.getValueByLeft(offsetLeft, barWidth);
+            if (range) {
+              if (btnType === '1') {
+                internalData.startValue = currValue;
+              } else {
+                internalData.endValue = currValue;
+              }
             }
+            internalData.currValue = currValue;
+            btnElem.style.left = $xeSlider.getBarPercent(currValue) + '%';
             $xeSlider.dispatchEvent('track-dragover', {
-              startValue: reactData.startValue,
-              endValue: reactData.endValue
+              currentValue: internalData.currValue,
+              startValue: internalData.startValue,
+              endValue: internalData.endValue
             }, evnt);
           }
-          $xeSlider.updateBarStyle();
+          if (immediate) {
+            $xeSlider.changeEvent(evnt);
+          }
+          $xeSlider.updateTrackStyle();
         };
         document.onmouseup = function (evnt) {
           document.onmousemove = null;
           document.onmouseup = null;
           $xeSlider.dispatchEvent('track-dragend', {
-            startValue: reactData.startValue,
-            endValue: reactData.endValue
+            currentValue: internalData.currValue,
+            startValue: internalData.startValue,
+            endValue: internalData.endValue
           }, evnt);
           $xeSlider.changeEvent(evnt);
-          $xeSlider.updateBarStyle();
+          $xeSlider.updateTrackStyle();
         };
         $xeSlider.dispatchEvent('track-dragstart', {
-          startValue: reactData.startValue,
-          endValue: reactData.endValue
+          currentValue: internalData.currValue,
+          startValue: internalData.startValue,
+          endValue: internalData.endValue
         }, evnt);
       }
     },
-    handleStartMousedownEvent: function handleStartMousedownEvent(evnt) {
-      var $xeSlider = this;
-      var endBtnElem = $xeSlider.$refs.refEndBtnElem;
-      var startBtnElem = evnt.currentTarget;
-      $xeSlider.handleMousedownEvent(evnt, endBtnElem ? endBtnElem.offsetLeft < startBtnElem.offsetLeft : false);
-    },
-    handleEndMousedownEvent: function handleEndMousedownEvent(evnt) {
-      var $xeSlider = this;
-      var startBtnElem = $xeSlider.$refs.refStartBtnElem;
-      var endBtnElem = evnt.currentTarget;
-      $xeSlider.handleMousedownEvent(evnt, startBtnElem ? endBtnElem.offsetLeft > startBtnElem.offsetLeft : true);
-    },
     //
     // Render
     //
@@ -58777,15 +58912,21 @@ var SplitPane = VxeSplitPane;
         class: 'vxe-slider--bar-track'
       }), formReadonly || !range ? renderEmptyElement($xeSlider) : h('div', {
         ref: 'refStartBtnElem',
-        class: 'vxe-slider--bar-btn vxe-slider--start-btn',
+        class: 'vxe-slider--bar-btn',
+        attrs: {
+          'data-type': '1'
+        },
         on: {
-          mousedown: $xeSlider.handleStartMousedownEvent
+          mousedown: $xeSlider.handleBtnMousedownEvent
         }
       }), formReadonly ? renderEmptyElement($xeSlider) : h('div', {
         ref: 'refEndBtnElem',
-        class: 'vxe-slider--bar-btn vxe-slider--end-btn',
+        class: 'vxe-slider--bar-btn',
+        attrs: {
+          'data-type': '2'
+        },
         on: {
-          mousedown: $xeSlider.handleEndMousedownEvent
+          mousedown: $xeSlider.handleBtnMousedownEvent
         }
       })])]);
     }
@@ -58793,16 +58934,37 @@ var SplitPane = VxeSplitPane;
   watch: {
     value: function value() {
       var $xeSlider = this;
-      $xeSlider.updateModel();
+      var internalData = $xeSlider.internalData;
+      if (!internalData._isUp) {
+        $xeSlider.updateModelValue(1);
+      }
+      internalData._isUp = false;
+    },
+    computeMVal: function computeMVal() {
+      var $xeSlider = this;
+      var internalData = $xeSlider.internalData;
+      if (!internalData._isUp) {
+        $xeSlider.updateModelValue(2);
+      }
+      internalData._isUp = false;
     }
   },
   created: function created() {
     var $xeSlider = this;
-    $xeSlider.updateModel();
+    $xeSlider.internalData = slider_createInternalData();
+    $xeSlider.updateModelValue();
   },
   mounted: function mounted() {
     var $xeSlider = this;
     $xeSlider.updateBarStyle();
+    $xeSlider.updateTrackStyle();
+  },
+  beforeDestroy: function beforeDestroy() {
+    var $xeSlider = this;
+    var reactData = $xeSlider.reactData;
+    var internalData = $xeSlider.internalData;
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, slider_createReactData());
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, slider_createInternalData());
   },
   render: function render(h) {
     return this.renderVN(h);
@@ -58823,6 +58985,186 @@ dynamicApp.use(VxeSlider);
 VxeUI.component(slider);
 var Slider = VxeSlider;
 /* harmony default export */ var packages_slider = (VxeSlider);
+;// ./packages/space/src/space.ts
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var space = (/* define-vxe-component start */defineVxeComponent({
+  name: 'VxeSpace',
+  mixins: [globalMixins.sizeMixin, globalMixins.permissionMixin],
+  props: {
+    size: {
+      type: String,
+      default: function _default() {
+        return getConfig().space.size || getConfig().size;
+      }
+    },
+    wrap: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().space.wrap;
+      }
+    },
+    gap: {
+      type: [Number, String, Array, Object],
+      default: function _default() {
+        return getConfig().space.gap;
+      }
+    },
+    vertical: {
+      type: Boolean,
+      default: function _default() {
+        return getConfig().space.vertical;
+      }
+    },
+    className: {
+      type: String,
+      default: function _default() {
+        return getConfig().space.className;
+      }
+    },
+    itemClassName: {
+      type: String,
+      default: function _default() {
+        return getConfig().space.itemClassName;
+      }
+    },
+    separator: {
+      type: String,
+      default: function _default() {
+        return getConfig().space.separator;
+      }
+    },
+    align: {
+      type: String,
+      default: function _default() {
+        return getConfig().space.align;
+      }
+    }
+  },
+  data: function data() {
+    var xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    var reactData = {
+      activeValue: null
+    };
+    return {
+      xID: xID,
+      reactData: reactData
+    };
+  },
+  computed: _objectSpread2(_objectSpread2({}, {}), {}, {
+    computeWrapperStyle: function computeWrapperStyle() {
+      var $xeSpace = this;
+      var props = $xeSpace;
+      var align = props.align,
+        gap = props.gap;
+      var stys = {};
+      var rowGap = '';
+      var columGap = '';
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(gap) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(gap)) {
+        rowGap = gap;
+        columGap = gap;
+      } else if (gap) {
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(gap)) {
+          rowGap = gap[0];
+          columGap = gap[1];
+        } else {
+          rowGap = gap.rowGap || '';
+          columGap = gap.columGap || '';
+        }
+      }
+      if (align) {
+        stys['align-items'] = align;
+      }
+      if (!eqEmptyValue(rowGap)) {
+        stys['--vxe-ui-space-current-row-gap'] = toCssUnit(rowGap);
+      }
+      if (!eqEmptyValue(columGap)) {
+        stys['--vxe-ui-space-current-column-gap'] = toCssUnit(columGap);
+      }
+      return stys;
+    }
+  }),
+  methods: {
+    //
+    // Method
+    //
+    dispatchEvent: function dispatchEvent(type, params, evnt) {
+      var $xeSpace = this;
+      $xeSpace.$emit(type, createEvent(evnt, {
+        $space: $xeSpace
+      }, params));
+    },
+    //
+    // Render
+    //
+    renderItems: function renderItems(h) {
+      var $xeSpace = this;
+      var props = $xeSpace;
+      var slots = $xeSpace.$scopedSlots;
+      var separator = props.separator,
+        itemClassName = props.itemClassName;
+      var itemVNs = [];
+      var defaultSlot = slots.default;
+      var separatorSlot = slots.separator;
+      if (defaultSlot) {
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(defaultSlot({}), function (itemVN, index, items) {
+          itemVNs.push(h('div', {
+            key: 'i' + index,
+            class: ['vxe-space--item', getPropClass(itemClassName, {
+              index: index
+            })]
+          }, [itemVN]));
+          if ((separator || separatorSlot) && index < items.length - 1) {
+            itemVNs.push(h('div', {
+              key: 's' + index,
+              class: 'vxe-space--separator'
+            }, separatorSlot ? separatorSlot({}) : '' + separator));
+          }
+        });
+      }
+      return itemVNs;
+    },
+    renderVN: function renderVN(h) {
+      var $xeSpace = this;
+      var props = $xeSpace;
+      var vertical = props.vertical,
+        wrap = props.wrap,
+        className = props.className;
+      var wrapperStyle = $xeSpace.computeWrapperStyle;
+      var vSize = $xeSpace.computeSize;
+      return h('div', {
+        ref: 'refElem',
+        class: ['vxe-space', getPropClass(className, {}), _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--wrap', wrap), 'is--vertical', vertical)],
+        style: wrapperStyle
+      }, $xeSpace.renderItems(h));
+    }
+  },
+  render: function render(h) {
+    return this.renderVN(h);
+  }
+})); /* define-vxe-component end */
+;// ./packages/space/index.ts
+
+
+
+
+
+var VxeSpace = Object.assign({}, space, {
+  install: function install(app) {
+    app.component(space.name, space);
+  }
+});
+dynamicApp.use(VxeSpace);
+VxeUI.component(space);
+var Space = VxeSpace;
+/* harmony default export */ var packages_space = (VxeSpace);
 ;// ./packages/steps/src/steps.ts
 
 
@@ -70912,13 +71254,14 @@ var Watermark = VxeWatermark;
 
 
 
+
 
 
 var components_setI18n = VxeUI.setI18n,
   components_setLanguage = VxeUI.setLanguage,
   components_setTheme = VxeUI.setTheme,
   components_setConfig = VxeUI.setConfig;
-var components_components = [packages_alert, packages_anchor, packages_anchor_link, packages_avatar, packages_backtop, packages_badge, packages_breadcrumb, packages_breadcrumb_item, packages_button, packages_button_group, packages_calendar, packages_card, packages_carousel, packages_carousel_item, packages_cascader, packages_checkbox, checkbox_button, checkbox_group, packages_col, packages_collapse, packages_collapse_pane, packages_color_picker, packages_context_menu, packages_countdown, packages_date_panel, packages_date_picker, packages_date_range_picker, packages_drawer, packages_empty, packages_form, form_gather, packages_form_group, packages_form_item, packages_icon, packages_icon_picker, packages_image, image_group, image_preview, packages_input, packages_layout_aside, packages_layout_body, packages_layout_container, packages_layout_footer, packages_layout_header, packages_link, packages_list, packages_loading, packages_menu, packages_modal, packages_notice_bar, packages_number_input, packages_optgroup, packages_option, packages_pager, packages_password_input, print_page_break, packages_print, packages_pulldown, packages_radio, radio_button, radio_group, packages_rate, packages_result, packages_row, packages_segmented, packages_select, packages_splitter, packages_splitter_panel, split, split_pane, packages_slider, packages_steps, packages_switch, packages_tab_pane, packages_table_select, packages_table_transfer, packages_tabs, packages_tag, packages_text_ellipsis, packages_text, packages_textarea, packages_timeline, packages_timeline_item, packages_tip, packages_tooltip, packages_tour, packages_transfer, packages_tree, packages_tree_select, packages_upload, packages_watermark];
+var components_components = [packages_alert, packages_anchor, packages_anchor_link, packages_avatar, packages_backtop, packages_badge, packages_breadcrumb, packages_breadcrumb_item, packages_button, packages_button_group, packages_calendar, packages_card, packages_carousel, packages_carousel_item, packages_cascader, packages_checkbox, checkbox_button, checkbox_group, packages_col, packages_collapse, packages_collapse_pane, packages_color_picker, packages_context_menu, packages_countdown, packages_date_panel, packages_date_picker, packages_date_range_picker, packages_drawer, packages_empty, packages_form, form_gather, packages_form_group, packages_form_item, packages_icon, packages_icon_picker, packages_image, image_group, image_preview, packages_input, packages_layout_aside, packages_layout_body, packages_layout_container, packages_layout_footer, packages_layout_header, packages_link, packages_list, packages_loading, packages_menu, packages_modal, packages_notice_bar, packages_number_input, packages_optgroup, packages_option, packages_pager, packages_password_input, print_page_break, packages_print, packages_pulldown, packages_radio, radio_button, radio_group, packages_rate, packages_result, packages_row, packages_segmented, packages_select, packages_splitter, packages_splitter_panel, split, split_pane, packages_slider, packages_space, packages_steps, packages_switch, packages_tab_pane, packages_table_select, packages_table_transfer, packages_tabs, packages_tag, packages_text_ellipsis, packages_text, packages_textarea, packages_timeline, packages_timeline_item, packages_tip, packages_tooltip, packages_tour, packages_transfer, packages_tree, packages_tree_select, packages_upload, packages_watermark];
 function install(app, options) {
   components_setConfig(options);
   components_components.forEach(function (component) {
@@ -70930,13 +71273,40 @@ var defaultLanguage = 'zh-CN';
 components_setI18n(defaultLanguage, zh_CN);
 components_setLanguage(defaultLanguage);
 components_setTheme('light');
-// 兼容老版本
+/**
+ * 已废弃，被 VxeUI.loading 替换
+ * @deprecated
+ */
 var loading = LoadingController;
+/**
+ * 已废弃，被 VxeUI.modal 替换
+ * @deprecated
+ */
 var components_modal = ModalController;
+/**
+ * 已废弃，被 VxeUI.drawer 替换
+ * @deprecated
+ */
 var components_drawer = DrawerController;
+/**
+ * 已废弃，被 VxeUI.watermark 替换
+ * @deprecated
+ */
 var components_watermark = WatermarkController;
+/**
+ * 已废弃，被 VxeUI.print 替换
+ * @deprecated
+ */
 var components_print = printHtml;
+/**
+ * 已废弃，被 VxeUI.saveFile 替换
+ * @deprecated
+ */
 var saveFile = saveLocalFile;
+/**
+ * 已废弃，被 VxeUI.readFile 替换
+ * @deprecated
+ */
 var readFile = readLocalFile;
 
 // Components
@@ -71029,6 +71399,7 @@ var readFile = readLocalFile;
 
 
 
+
 
 
 ;// ./index.ts