vxe-pc-ui 4.17.19 → 4.17.21

package/lib/index.umd.js

@@ -2906,6 +2906,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; },
@@ -2998,6 +2999,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; },
@@ -3154,6 +3156,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; },
@@ -3246,6 +3249,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; },
@@ -4658,7 +4662,7 @@ function checkDynamic() {
 const {
   log: log_log
 } = VxeUI;
-const uiVersion = `ui v${"4.17.19"}`;
+const uiVersion = `ui v${"4.17.21"}`;
 function createComponentLog(name) {
   const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
   const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -4676,7 +4680,7 @@ const errLog = log_log.create('error', uiVersion);
 
 
 
-const ui_version = "4.17.19";
+const ui_version = "4.17.21";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -5047,6 +5051,7 @@ setConfig({
     max: 100,
     min: 0
   },
+  space: {},
   steps: {},
   switch: {},
   tabPane: {},
@@ -6439,6 +6444,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) || '' : '';
+}
 const reClsMap = {};
 function getClsRE(cls) {
   if (!reClsMap[cls]) {
@@ -7203,11 +7211,11 @@ const AnchorLink = VxeAnchorLink;
         $avatar: $xeAvatar
       }, params));
     };
-    const collapsePaneMethods = {
+    const avatarMethods = {
       dispatchEvent
     };
-    const collapsePanePrivateMethods = {};
-    Object.assign($xeAvatar, collapsePaneMethods, collapsePanePrivateMethods);
+    const avatarPrivateMethods = {};
+    Object.assign($xeAvatar, avatarMethods, avatarPrivateMethods);
     const renderContent = () => {
       const {
         icon,
@@ -9150,11 +9158,11 @@ const Backtop = VxeBacktop;
         $badge: $xeBadge
       }, params));
     };
-    const collapsePaneMethods = {
+    const badgeMethods = {
       dispatchEvent
     };
-    const collapsePanePrivateMethods = {};
-    Object.assign($xeBadge, collapsePaneMethods, collapsePanePrivateMethods);
+    const badgePrivateMethods = {};
+    Object.assign($xeBadge, badgeMethods, badgePrivateMethods);
     const renderVN = () => {
       const {
         dot,
@@ -31030,11 +31038,11 @@ const Drawer = VxeDrawer;
         $empty: $xeEmpty
       }, params));
     };
-    const collapsePaneMethods = {
+    const emptyMethods = {
       dispatchEvent
     };
-    const collapsePanePrivateMethods = {};
-    Object.assign($xeEmpty, collapsePaneMethods, collapsePanePrivateMethods);
+    const emptyPrivateMethods = {};
+    Object.assign($xeEmpty, emptyMethods, emptyPrivateMethods);
     const renderVN = () => {
       const {
         imageUrl,
@@ -44594,10 +44602,10 @@ const RadioGroup = VxeRadioGroup;
         $rate: $xeRate
       }, params));
     };
-    const collapsePaneMethods = {
+    const rateMethods = {
       dispatchEvent
     };
-    const collapsePanePrivateMethods = {};
+    const ratePrivateMethods = {};
     const emitModel = value => {
       emit('update:modelValue', value);
     };
@@ -44627,7 +44635,7 @@ const RadioGroup = VxeRadioGroup;
         }
       }
     };
-    Object.assign($xeRate, collapsePaneMethods, collapsePanePrivateMethods);
+    Object.assign($xeRate, rateMethods, ratePrivateMethods);
     const renderVN = () => {
       const {
         status
@@ -44729,11 +44737,11 @@ const Rate = VxeRate;
         $result: $xeResult
       }, params));
     };
-    const collapsePaneMethods = {
+    const resultMethods = {
       dispatchEvent
     };
-    const collapsePanePrivateMethods = {};
-    Object.assign($xeResult, collapsePaneMethods, collapsePanePrivateMethods);
+    const resultPrivateMethods = {};
+    Object.assign($xeResult, resultMethods, resultPrivateMethods);
     const renderVN = () => {
       const {
         imageUrl,
@@ -46428,10 +46436,25 @@ const SplitPane = VxeSplitPane;
 
 
 
+
+
+function slider_createInternalData() {
+  return {
+    // _isUp: false,
+    currValue: 0,
+    startValue: 0,
+    endValue: 0
+  };
+}
+function slider_createReactData() {
+  return {};
+}
 /* harmony default export */ var slider = (defineVxeComponent({
   name: 'VxeSlider',
   props: {
     modelValue: [String, Number, Array],
+    startValue: [String, Number],
+    endValue: [String, Number],
     vertical: Boolean,
     max: {
       type: [String, Number],
@@ -46460,9 +46483,13 @@ const SplitPane = VxeSplitPane;
     disabled: {
       type: Boolean,
       default: null
+    },
+    immediate: {
+      type: Boolean,
+      default: () => getConfig().slider.immediate
     }
   },
-  emits: ['update:modelValue', 'change', 'track-dragstart', 'track-dragover', 'track-dragend'],
+  emits: ['update:modelValue', 'update:startValue', 'update:endValue', 'change', 'track-dragstart', 'track-dragover', 'track-dragend'],
   setup(props, context) {
     const {
       emit
@@ -46478,10 +46505,8 @@ const SplitPane = VxeSplitPane;
     const refTrackElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refStartBtnElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
     const refEndBtnElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
-    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
-      startValue: 0,
-      endValue: 0
-    });
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)(slider_createReactData());
+    const internalData = slider_createInternalData();
     const refMaps = {
       refElem
     };
@@ -46515,6 +46540,14 @@ const SplitPane = VxeSplitPane;
     const computeMinNum = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
       return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(props.min || 0);
     });
+    const computeMVal = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        range,
+        startValue,
+        endValue
+      } = props;
+      return range ? `${startValue || ''}${endValue || ''}` : '';
+    });
     const computeMaps = {};
     const $xeSlider = {
       xID,
@@ -46525,6 +46558,7 @@ const SplitPane = VxeSplitPane;
       getComputeMaps: () => computeMaps
     };
     const emitModel = value => {
+      internalData._isUp = true;
       emit('update:modelValue', value);
     };
     const dispatchEvent = (type, params, evnt) => {
@@ -46535,61 +46569,119 @@ const SplitPane = VxeSplitPane;
     const collapsePaneMethods = {
       dispatchEvent
     };
-    const getStartPercent = startValue => {
-      const {
-        range
-      } = props;
+    const getBarPercent = currValue => {
       const maxNum = computeMaxNum.value;
       const minNum = computeMinNum.value;
-      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;
     };
-    const getEndPercent = (startValue, endValue) => {
-      const {
-        range
-      } = props;
-      const maxNum = computeMaxNum.value;
-      const minNum = computeMinNum.value;
-      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);
+    const parseFields = (startValue, endValue) => {
+      const [sVal, eVal] = 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)]);
+      const 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));
     };
-    const updateModel = () => {
+    const parseArrs = arrVals => {
+      const [sVal, eVal] = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(arrVals);
+      const 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));
+    };
+    const parseNum = val => {
+      const 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;
+    };
+    const updateModelValue = umType => {
       const {
-        modelValue
+        range,
+        modelValue,
+        startValue,
+        endValue
       } = props;
-      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue)) {
-        const [sVal, eVal] = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(modelValue, true).sort();
-        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));
+      if (!umType) {
+        if (range) {
+          if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(modelValue)) {
+            if (startValue || endValue) {
+              parseFields(startValue, endValue);
+            }
+          } else {
+            if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue)) {
+              parseArrs(modelValue.map(num => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(num)));
+            } else {
+              parseNum(modelValue);
+            }
+          }
+        } else {
+          parseNum(modelValue);
+        }
+      } else if (range && umType === 2) {
+        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(modelValue || 0));
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(modelValue)) {
+          parseArrs(modelValue.map(num => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(num)));
+        } else {
+          parseNum(modelValue);
+        }
       }
+      updateBarStyle();
+      updateTrackStyle();
     };
     const updateBarStyle = () => {
       const {
+        range
+      } = props;
+      const {
+        currValue,
         startValue,
         endValue
-      } = reactData;
-      const trackElem = refTrackElem.value;
+      } = internalData;
       const startBtnElem = refStartBtnElem.value;
       const endBtnElem = refEndBtnElem.value;
-      let startPercent = 0;
-      let endPercent = 0;
-      if (startValue > endValue) {
-        startPercent = getStartPercent(endValue);
-        endPercent = getEndPercent(endValue, startValue);
+      if (range) {
+        const [sVal, eVal] = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy([startValue, endValue]);
+        if (startBtnElem) {
+          startBtnElem.style.left = getBarPercent(sVal) + '%';
+        }
+        if (endBtnElem) {
+          endBtnElem.style.left = getBarPercent(eVal) + '%';
+        }
       } else {
-        startPercent = getStartPercent(startValue);
-        endPercent = getEndPercent(startValue, endValue);
+        if (endBtnElem) {
+          endBtnElem.style.left = getBarPercent(currValue) + '%';
+        }
       }
+    };
+    const updateTrackStyle = () => {
+      const {
+        range
+      } = props;
+      const {
+        currValue,
+        startValue,
+        endValue
+      } = internalData;
+      const trackElem = refTrackElem.value;
       if (trackElem) {
-        trackElem.style.left = `${startPercent}%`;
-        trackElem.style.width = `${endPercent}%`;
-      }
-      if (startBtnElem) {
-        startBtnElem.style.left = `${startPercent}%`;
-      }
-      if (endBtnElem) {
-        endBtnElem.style.left = `${external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(startPercent + endPercent)}%`;
+        if (range) {
+          const [sVal, eVal] = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy([startValue, endValue]);
+          trackElem.style.left = getBarPercent(sVal) + '%';
+          trackElem.style.width = getBarPercent(eVal - sVal) + '%';
+        } else {
+          trackElem.style.left = '0';
+          trackElem.style.width = getBarPercent(currValue) + '%';
+        }
       }
     };
     const changeEvent = evnt => {
@@ -46597,11 +46689,17 @@ const SplitPane = VxeSplitPane;
         range
       } = props;
       const {
+        currValue,
         startValue,
         endValue
-      } = reactData;
-      const value = range ? [startValue, endValue].sort() : endValue;
+      } = internalData;
+      const vals = range ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy([startValue, endValue]) : [];
+      const value = range ? vals : currValue;
       emitModel(value);
+      if (range) {
+        emit('update:startValue', vals[0] || 0);
+        emit('update:endValue', vals[1] || 0);
+      }
       dispatchEvent('change', {
         value
       }, evnt);
@@ -46610,11 +46708,25 @@ const SplitPane = VxeSplitPane;
         $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
       }
     };
-    const handleMousedownEvent = (evnt, isEnd) => {
-      const formReadonly = computeFormReadonly.value;
-      const isDisabled = computeIsDisabled.value;
+    const getValueByLeft = (offsetLeft, barWidth) => {
       const maxNum = computeMaxNum.value;
       const minNum = computeMinNum.value;
+      if (barWidth === 0) {
+        return minNum;
+      }
+      const clamped = Math.max(0, Math.min(barWidth, offsetLeft));
+      const ratio = clamped / barWidth;
+      const raw = minNum + ratio * (maxNum - minNum);
+      return Math.floor(raw);
+    };
+    const handleBtnMousedownEvent = evnt => {
+      const {
+        range,
+        immediate
+      } = props;
+      const btnElem = evnt.currentTarget;
+      const formReadonly = computeFormReadonly.value;
+      const isDisabled = computeIsDisabled.value;
       if (!(formReadonly || isDisabled)) {
         evnt.preventDefault();
         document.onmousemove = evnt => {
@@ -46622,46 +46734,49 @@ const SplitPane = VxeSplitPane;
           const el = refElem.value;
           const barElem = refBarElem.value;
           if (el && barElem) {
+            const btnType = btnElem.getAttribute('data-type');
             const barRect = barElem.getBoundingClientRect();
-            const 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))));
+            const barWidth = barRect.width;
+            const offsetLeft = Math.min(barWidth, Math.max(0, evnt.clientX - barRect.left));
+            const currValue = getValueByLeft(offsetLeft, barWidth);
+            if (range) {
+              if (btnType === '1') {
+                internalData.startValue = currValue;
+              } else {
+                internalData.endValue = currValue;
+              }
             }
+            internalData.currValue = currValue;
+            btnElem.style.left = getBarPercent(currValue) + '%';
             dispatchEvent('track-dragover', {
-              startValue: reactData.startValue,
-              endValue: reactData.endValue
+              currentValue: internalData.currValue,
+              startValue: internalData.startValue,
+              endValue: internalData.endValue
             }, evnt);
           }
-          updateBarStyle();
+          if (immediate) {
+            changeEvent(evnt);
+          }
+          updateTrackStyle();
         };
         document.onmouseup = evnt => {
           document.onmousemove = null;
           document.onmouseup = null;
           dispatchEvent('track-dragend', {
-            startValue: reactData.startValue,
-            endValue: reactData.endValue
+            currentValue: internalData.currValue,
+            startValue: internalData.startValue,
+            endValue: internalData.endValue
           }, evnt);
           changeEvent(evnt);
-          updateBarStyle();
+          updateTrackStyle();
         };
         dispatchEvent('track-dragstart', {
-          startValue: reactData.startValue,
-          endValue: reactData.endValue
+          currentValue: internalData.currValue,
+          startValue: internalData.startValue,
+          endValue: internalData.endValue
         }, evnt);
       }
     };
-    const handleStartMousedownEvent = evnt => {
-      const endBtnElem = refEndBtnElem.value;
-      const startBtnElem = evnt.currentTarget;
-      handleMousedownEvent(evnt, endBtnElem ? endBtnElem.offsetLeft < startBtnElem.offsetLeft : false);
-    };
-    const handleEndMousedownEvent = evnt => {
-      const startBtnElem = refStartBtnElem.value;
-      const endBtnElem = evnt.currentTarget;
-      handleMousedownEvent(evnt, startBtnElem ? endBtnElem.offsetLeft > startBtnElem.offsetLeft : true);
-    };
     const collapsePanePrivateMethods = {};
     Object.assign($xeSlider, collapsePaneMethods, collapsePanePrivateMethods);
     const renderVN = () => {
@@ -46690,21 +46805,35 @@ const SplitPane = VxeSplitPane;
         class: 'vxe-slider--bar-track'
       }), formReadonly || !range ? renderEmptyElement($xeSlider) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refStartBtnElem,
-        class: 'vxe-slider--bar-btn vxe-slider--start-btn',
-        onMousedown: handleStartMousedownEvent
+        class: 'vxe-slider--bar-btn',
+        'data-type': '1',
+        onMousedown: handleBtnMousedownEvent
       }), formReadonly ? renderEmptyElement($xeSlider) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refEndBtnElem,
-        class: 'vxe-slider--bar-btn vxe-slider--end-btn',
-        onMousedown: handleEndMousedownEvent
+        class: 'vxe-slider--bar-btn',
+        'data-type': '2',
+        onMousedown: handleBtnMousedownEvent
       })])]);
     };
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.modelValue, () => {
-      updateModel();
+      if (!internalData._isUp) {
+        updateModelValue(1);
+      }
+      internalData._isUp = false;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeMVal, () => {
+      if (!internalData._isUp) {
+        updateModelValue(2);
+      }
+      internalData._isUp = false;
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
-      updateBarStyle();
+      updateModelValue();
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
+      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());
     });
-    updateModel();
     $xeSlider.renderVN = renderVN;
     return $xeSlider;
   },
@@ -46725,6 +46854,181 @@ dynamicApp.use(VxeSlider);
 VxeUI.component(slider);
 const Slider = VxeSlider;
 /* harmony default export */ var packages_slider = (VxeSlider);
+;// ./packages/space/src/space.ts
+
+
+
+
+
+
+
+/* harmony default export */ var space = (defineVxeComponent({
+  name: 'VxeSpace',
+  props: {
+    size: {
+      type: String,
+      default: () => getConfig().space.size || getConfig().size
+    },
+    wrap: {
+      type: Boolean,
+      default: () => getConfig().space.wrap
+    },
+    gap: {
+      type: [Number, String, Array, Object],
+      default: () => getConfig().space.gap
+    },
+    vertical: {
+      type: Boolean,
+      default: () => getConfig().space.vertical
+    },
+    className: {
+      type: String,
+      default: () => getConfig().space.className
+    },
+    itemClassName: {
+      type: String,
+      default: () => getConfig().space.itemClassName
+    },
+    separator: {
+      type: String,
+      default: () => getConfig().space.separator
+    },
+    align: {
+      type: String,
+      default: () => getConfig().space.align
+    }
+  },
+  emits: [],
+  setup(props, context) {
+    const {
+      emit,
+      slots
+    } = context;
+    const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    const {
+      computeSize
+    } = useSize(props);
+    const refElem = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)();
+    const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
+      activeValue: null
+    });
+    const refMaps = {
+      refElem
+    };
+    const computeWrapperStyle = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.computed)(() => {
+      const {
+        align,
+        gap
+      } = props;
+      const stys = {};
+      let rowGap = '';
+      let 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;
+    });
+    const computeMaps = {};
+    const $xeSpace = {
+      xID,
+      props,
+      context,
+      reactData,
+      getRefMaps: () => refMaps,
+      getComputeMaps: () => computeMaps
+    };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, createEvent(evnt, {
+        $space: $xeSpace
+      }, params));
+    };
+    const spaceMethods = {
+      dispatchEvent
+    };
+    const spacePrivateMethods = {};
+    Object.assign($xeSpace, spaceMethods, spacePrivateMethods);
+    const renderItems = () => {
+      const {
+        separator,
+        itemClassName
+      } = props;
+      const itemVNs = [];
+      const defaultSlot = slots.default;
+      const separatorSlot = slots.separator;
+      if (defaultSlot) {
+        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(defaultSlot({}), (itemVN, index, items) => {
+          itemVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+            key: 'i' + index,
+            class: ['vxe-space--item', getPropClass(itemClassName, {
+              index
+            })]
+          }, [itemVN]));
+          if ((separator || separatorSlot) && index < items.length - 1) {
+            itemVNs.push((0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+              key: 's' + index,
+              class: 'vxe-space--separator'
+            }, separatorSlot ? separatorSlot({}) : '' + separator));
+          }
+        });
+      }
+      return itemVNs;
+    };
+    const renderVN = () => {
+      const {
+        vertical,
+        wrap,
+        className
+      } = props;
+      const wrapperStyle = computeWrapperStyle.value;
+      const vSize = computeSize.value;
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        ref: refElem,
+        class: ['vxe-space', getPropClass(className, {}), {
+          [`size--${vSize}`]: vSize,
+          'is--wrap': wrap,
+          'is--vertical': vertical
+        }],
+        style: wrapperStyle
+      }, renderItems());
+    };
+    $xeSpace.renderVN = renderVN;
+    return $xeSpace;
+  },
+  render() {
+    return this.renderVN();
+  }
+}));
+;// ./packages/space/index.ts
+
+
+
+const VxeSpace = Object.assign({}, space, {
+  install(app) {
+    app.component(space.name, space);
+  }
+});
+dynamicApp.use(VxeSpace);
+VxeUI.component(space);
+const Space = VxeSpace;
+/* harmony default export */ var packages_space = (VxeSpace);
 ;// ./packages/steps/src/steps.ts
 
 
@@ -58003,7 +58307,7 @@ function getContentUrl(content, defaultFontSize, options) {
         $watermark: $xeWatermark
       }, params));
     };
-    const collapsePaneMethods = {
+    const watermarkMethods = {
       dispatchEvent
     };
     const updateMarkStyle = () => {
@@ -58028,8 +58332,8 @@ function getContentUrl(content, defaultFontSize, options) {
         }
       }
     };
-    const collapsePanePrivateMethods = {};
-    Object.assign($xeWatermark, collapsePaneMethods, collapsePanePrivateMethods);
+    const watermarkPrivateMethods = {};
+    Object.assign($xeWatermark, watermarkMethods, watermarkPrivateMethods);
     const renderVN = () => {
       const wrapperStyle = computeWrapperStyle.value;
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
@@ -58197,6 +58501,7 @@ const Watermark = VxeWatermark;
 
 
 
+
 
 
 const {
@@ -58205,7 +58510,7 @@ const {
   setTheme: components_setTheme,
   setConfig: components_setConfig
 } = VxeUI;
-const 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];
+const 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(component => app.use(component));
@@ -58215,13 +58520,40 @@ const defaultLanguage = 'zh-CN';
 components_setI18n(defaultLanguage, zh_CN);
 components_setLanguage(defaultLanguage);
 components_setTheme('light');
-// 兼容老版本
+/**
+ * 已废弃，被 VxeUI.loading 替换
+ * @deprecated
+ */
 const loading = LoadingController;
+/**
+ * 已废弃，被 VxeUI.modal 替换
+ * @deprecated
+ */
 const components_modal = ModalController;
+/**
+ * 已废弃，被 VxeUI.drawer 替换
+ * @deprecated
+ */
 const components_drawer = DrawerController;
+/**
+ * 已废弃，被 VxeUI.watermark 替换
+ * @deprecated
+ */
 const components_watermark = WatermarkController;
+/**
+ * 已废弃，被 VxeUI.print 替换
+ * @deprecated
+ */
 const components_print = printHtml;
+/**
+ * 已废弃，被 VxeUI.saveFile 替换
+ * @deprecated
+ */
 const saveFile = saveLocalFile;
+/**
+ * 已废弃，被 VxeUI.readFile 替换
+ * @deprecated
+ */
 const readFile = readLocalFile;
 
 // Components
@@ -58314,6 +58646,7 @@ const readFile = readLocalFile;
 
 
 
+
 
 
 ;// ./index.ts