vxe-pc-ui 4.17.19 → 4.17.21

package/dist/all.esm.js

@@ -81,7 +81,7 @@ function checkDynamic() {
 }
 
 const { 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}` : '';
@@ -95,7 +95,7 @@ function createComponentLog(name) {
 const warnLog$i = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.17.19";
+const version = "4.17.21";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -466,6 +466,7 @@ setConfig$1({
         max: 100,
         min: 0
     },
+    space: {},
     steps: {},
     switch: {},
     tabPane: {},
@@ -1852,6 +1853,9 @@ function getTpImg() {
     }
     return tpImgEl;
 }
+function getPropClass(property, params) {
+    return property ? (XEUtils.isFunction(property) ? property(params) : property) || '' : '';
+}
 const reClsMap = {};
 function getClsRE(cls) {
     if (!reClsMap[cls]) {
@@ -2514,11 +2518,11 @@ var VxeAvatarComponent = defineVxeComponent({
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $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, content, src } = props;
             if (icon) {
@@ -2633,7 +2637,7 @@ function deModelValue(nodeid) {
     return nodeid ? decodeURIComponent(`${nodeid}`) : nodeid;
 }
 
-function createReactData$m() {
+function createReactData$n() {
     return {
         target: null,
         isUpdate: false,
@@ -2650,7 +2654,7 @@ function createReactData$m() {
         }
     };
 }
-function createInternalData$l() {
+function createInternalData$m() {
     return {
     // showDelayTip: undefined
     };
@@ -2747,8 +2751,8 @@ var VxeTooltipComponent = defineVxeComponent({
         const { slots, emit } = context;
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$m());
-        const internalData = createInternalData$l();
+        const reactData = reactive(createReactData$n());
+        const internalData = createInternalData$m();
         const refElem = ref();
         const contentWrapperfElem = ref();
         const computeWrapperStyle = computed(() => {
@@ -3133,8 +3137,8 @@ var VxeTooltipComponent = defineVxeComponent({
             }
         });
         onUnmounted(() => {
-            XEUtils.assign(reactData, createReactData$m());
-            XEUtils.assign(internalData, createInternalData$l());
+            XEUtils.assign(reactData, createReactData$n());
+            XEUtils.assign(internalData, createInternalData$m());
         });
         $xeTooltip.renderVN = renderVN;
         return $xeTooltip;
@@ -3901,12 +3905,12 @@ VxeUI.component(VxeButtonComponent);
 const Button = VxeButton;
 
 const { errLog: errLog$j } = createComponentLog('backtop');
-function createInternalData$k() {
+function createInternalData$l() {
     return {
         targetEl: null
     };
 }
-function createReactData$l() {
+function createReactData$m() {
     return {
         showBtn: false,
         backtopZindex: 0
@@ -3985,8 +3989,8 @@ var VxeBacktopComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const refElem = ref();
         const { computeSize } = useSize(props);
-        const internalData = createInternalData$k();
-        const reactData = reactive(createReactData$l());
+        const internalData = createInternalData$l();
+        const reactData = reactive(createReactData$m());
         const refMaps = {
             refElem
         };
@@ -4160,8 +4164,8 @@ var VxeBacktopComponent = defineVxeComponent({
         });
         onBeforeUnmount(() => {
             removeScrollEvent();
-            XEUtils.assign(reactData, createReactData$l());
-            XEUtils.assign(internalData, createInternalData$k());
+            XEUtils.assign(reactData, createReactData$m());
+            XEUtils.assign(internalData, createInternalData$l());
         });
         $xeBacktop.renderVN = renderVN;
         return $xeBacktop;
@@ -4217,11 +4221,11 @@ var VxeBadgeComponent = defineVxeComponent({
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $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, content } = props;
             const vSize = computeSize.value;
@@ -6920,7 +6924,7 @@ function getRowIdByField(row, keyField) {
     const rowKey = getRowKeyByField(row, keyField);
     return enModelValue(rowKey);
 }
-function createReactData$k() {
+function createReactData$l() {
     return {
         scrollYLoad: false,
         bodyHeight: 0,
@@ -6943,7 +6947,7 @@ function createReactData$k() {
         isCrossDragRow: false
     };
 }
-function createInternalData$j() {
+function createInternalData$k() {
     return {
         resizeObserver: undefined,
         fullData: [],
@@ -7030,8 +7034,8 @@ var VxeListComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const browseObj = XEUtils.browse();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$k());
-        const internalData = createInternalData$j();
+        const reactData = reactive(createReactData$l());
+        const internalData = createInternalData$k();
         const crossListDragRowInfo = getCrossListDragRowInfo();
         const refElem = ref();
         const refHeaderElem = ref();
@@ -8994,8 +8998,8 @@ var VxeListComponent = defineVxeComponent({
                 resizeObserver.disconnect();
             }
             globalEvents.off($xeList, 'resize');
-            XEUtils.assign(reactData, createReactData$k());
-            XEUtils.assign(internalData, createInternalData$j());
+            XEUtils.assign(reactData, createReactData$l());
+            XEUtils.assign(internalData, createInternalData$k());
         });
         $xeList.renderVN = renderVN;
         return $xeList;
@@ -11772,7 +11776,7 @@ const Input = VxeInput;
 function getNodeUniqueId$1() {
     return XEUtils.uniqueId('node_');
 }
-function createReactData$j() {
+function createReactData$k() {
     return {
         initialized: false,
         searchValue: '',
@@ -11795,7 +11799,7 @@ function createReactData$j() {
         lazyOptFlag: 1
     };
 }
-function createInternalData$i() {
+function createInternalData$j() {
     return {
         // hpTimeout: undefined,
         listVirtualYOpts: {
@@ -11923,8 +11927,8 @@ var VxeCascaderComponent = defineVxeComponent({
         const refInpSearch = ref();
         const refChunkWrapper = ref();
         const refOptionPanel = ref();
-        const reactData = reactive(createReactData$j());
-        const internalData = createInternalData$i();
+        const reactData = reactive(createReactData$k());
+        const internalData = createInternalData$j();
         const refMaps = {
             refElem
         };
@@ -13534,8 +13538,8 @@ var VxeCascaderComponent = defineVxeComponent({
             globalEvents.off($xeCascader, 'mousedown');
             globalEvents.off($xeCascader, 'blur');
             globalEvents.off($xeCascader, 'resize');
-            XEUtils.assign(reactData, createReactData$j());
-            XEUtils.assign(internalData, createInternalData$i());
+            XEUtils.assign(reactData, createReactData$k());
+            XEUtils.assign(internalData, createInternalData$j());
         });
         provide('$xeCascader', $xeCascader);
         $xeCascader.renderVN = renderVN;
@@ -13939,10 +13943,10 @@ dynamicApp.use(VxeCheckboxButton);
 VxeUI.component(VxeCheckboxButtonComponent);
 const CheckboxButton = VxeCheckboxButton;
 
-function createReactData$i() {
+function createReactData$j() {
     return {};
 }
-function createInternalData$h() {
+function createInternalData$i() {
     return {
     // isLoaded: false
     };
@@ -13986,8 +13990,8 @@ var VxeCheckboxGroupComponent = defineVxeComponent({
         const $xeForm = inject('$xeForm', null);
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
-        const reactData = reactive(createReactData$i());
-        const internalData = createInternalData$h();
+        const reactData = reactive(createReactData$j());
+        const internalData = createInternalData$i();
         const computeIsReadonly = computed(() => {
             const { readonly } = props;
             if (readonly === null) {
@@ -14160,8 +14164,8 @@ var VxeCheckboxGroupComponent = defineVxeComponent({
             });
         });
         onUnmounted(() => {
-            XEUtils.assign(reactData, createReactData$i());
-            XEUtils.assign(internalData, createInternalData$h());
+            XEUtils.assign(reactData, createReactData$j());
+            XEUtils.assign(internalData, createInternalData$i());
         });
         provide('$xeCheckboxGroup', $xeCheckboxGroup);
         $xeCheckboxGroup.renderVN = renderVN;
@@ -14294,7 +14298,7 @@ dynamicApp.use(VxeCol);
 VxeUI.component(VxeColComponent);
 const Col = VxeCol;
 
-function createReactData$h() {
+function createReactData$i() {
     return {
         staticPanes: [],
         cachePaneMaps: {},
@@ -14302,7 +14306,7 @@ function createReactData$h() {
         openKeyFlag: 0
     };
 }
-function createInternalData$g() {
+function createInternalData$h() {
     return {
         // esTime: null,
         activeKeyMaps: {},
@@ -14339,8 +14343,8 @@ var VxeCollapseComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
         const refElem = ref();
-        const reactData = reactive(createReactData$h());
-        const internalData = createInternalData$g();
+        const reactData = reactive(createReactData$i());
+        const internalData = createInternalData$h();
         const refMaps = {
             refElem
         };
@@ -14619,8 +14623,8 @@ var VxeCollapseComponent = defineVxeComponent({
             if (esTime) {
                 clearTimeout(esTime);
             }
-            XEUtils.assign(reactData, createReactData$h());
-            XEUtils.assign(internalData, createInternalData$g());
+            XEUtils.assign(reactData, createReactData$i());
+            XEUtils.assign(internalData, createInternalData$h());
         });
         provide('$xeCollapse', $xeCollapse);
         $xeCollapse.renderVN = renderVN;
@@ -17289,12 +17293,12 @@ VxeUI.color = {
 };
 const ColorPicker = VxeColorPicker;
 
-function createInternalData$f() {
+function createInternalData$g() {
     return {
     // leaveTime: null
     };
 }
-function createReactData$g() {
+function createReactData$h() {
     return {
         visible: false,
         activeOption: null,
@@ -17349,8 +17353,8 @@ var VxeContextMenuComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const refElem = ref();
         const { computeSize } = useSize(props);
-        const internalData = createInternalData$f();
-        const reactData = reactive(createReactData$g());
+        const internalData = createInternalData$g();
+        const reactData = reactive(createReactData$h());
         const refMaps = {
             refElem
         };
@@ -17905,8 +17909,8 @@ var VxeContextMenuComponent = defineVxeComponent({
             globalEvents.off($xeContextMenu, 'keydown');
             globalEvents.off($xeContextMenu, 'mousedown');
             globalEvents.off($xeContextMenu, 'blur');
-            XEUtils.assign(reactData, createReactData$g());
-            XEUtils.assign(internalData, createInternalData$f());
+            XEUtils.assign(reactData, createReactData$h());
+            XEUtils.assign(internalData, createInternalData$g());
         });
         $xeContextMenu.renderVN = renderVN;
         return $xeContextMenu;
@@ -20224,7 +20228,7 @@ const parseInputKayMaps = {};
 inputMaskedKeys.forEach(key => {
     parseInputKayMaps[key] = true;
 });
-function createReactData$f() {
+function createReactData$g() {
     return {
         initialized: false,
         panelIndex: 0,
@@ -20237,7 +20241,7 @@ function createReactData$f() {
         labelFlag: 0
     };
 }
-function createInternalData$e() {
+function createInternalData$f() {
     return {
         // hpTimeout: undefined,
         // fsTimeout: undefined,
@@ -20382,8 +20386,8 @@ var VxeDatePickerComponent = defineVxeComponent({
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$f());
-        const internalData = createInternalData$e();
+        const reactData = reactive(createReactData$g());
+        const internalData = createInternalData$f();
         const refElem = ref();
         const refInputTarget = ref();
         const refInputPanel = ref();
@@ -21819,8 +21823,8 @@ var VxeDatePickerComponent = defineVxeComponent({
             globalEvents.off($xeDatePicker, 'keydown');
             globalEvents.off($xeDatePicker, 'blur');
             globalEvents.off($xeDatePicker, 'resize');
-            XEUtils.assign(reactData, createReactData$f());
-            XEUtils.assign(internalData, createInternalData$e());
+            XEUtils.assign(reactData, createReactData$g());
+            XEUtils.assign(internalData, createInternalData$f());
         });
         provide('$xeDatePicker', $xeDatePicker);
         $xeDatePicker.renderVN = renderVN;
@@ -21841,7 +21845,7 @@ VxeUI.component(VxeDatePickerComponent);
 const DatePicker = VxeDatePicker;
 
 const { errLog: errLog$e } = createComponentLog('date-range-picker');
-function createReactData$e() {
+function createReactData$f() {
     return {
         initialized: false,
         panelIndex: 0,
@@ -21856,7 +21860,7 @@ function createReactData$e() {
         paneEndVal: []
     };
 }
-function createInternalData$d() {
+function createInternalData$e() {
     return {
     // selectStatus: false
     // hpTimeout: undefined
@@ -22003,8 +22007,8 @@ var VxeDateRangePickerComponent = defineVxeComponent({
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$e());
-        const internalData = createInternalData$d();
+        const reactData = reactive(createReactData$f());
+        const internalData = createInternalData$e();
         const refElem = ref();
         const refInputTarget = ref();
         const refInputPanel = ref();
@@ -23330,8 +23334,8 @@ var VxeDateRangePickerComponent = defineVxeComponent({
             globalEvents.off($xeDateRangePicker, 'mousedown');
             globalEvents.off($xeDateRangePicker, 'blur');
             globalEvents.off($xeDateRangePicker, 'resize');
-            XEUtils.assign(reactData, createReactData$e());
-            XEUtils.assign(internalData, createInternalData$d());
+            XEUtils.assign(reactData, createReactData$f());
+            XEUtils.assign(internalData, createInternalData$e());
         });
         provide('$xeDateRangePicker', $xeDateRangePicker);
         $xeDateRangePicker.renderVN = renderVN;
@@ -24083,11 +24087,11 @@ var VxeEmptyComponent = defineVxeComponent({
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $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, imageStyle, icon, status, content } = props;
             return h('div', {
@@ -25529,7 +25533,7 @@ function checkRuleStatus(rule, data, val) {
     }
     return true;
 }
-function createReactData$d() {
+function createReactData$e() {
     return {
         collapseAll: false,
         staticItems: [],
@@ -25537,7 +25541,7 @@ function createReactData$d() {
         itemWidth: 0
     };
 }
-function createInternalData$c() {
+function createInternalData$d() {
     return {
         meTimeout: undefined,
         stTimeout: undefined,
@@ -25646,8 +25650,8 @@ var VxeFormComponent = defineVxeComponent({
         const $xeGrid = inject('$xeGrid', null);
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$d());
-        const internalData = createInternalData$c();
+        const reactData = reactive(createReactData$e());
+        const internalData = createInternalData$d();
         const refElem = ref();
         const refTooltip = ref();
         let formMethods = {};
@@ -26356,8 +26360,8 @@ var VxeFormComponent = defineVxeComponent({
         });
         onUnmounted(() => {
             globalEvents.off($xeForm, 'resize');
-            XEUtils.assign(reactData, createReactData$d());
-            XEUtils.assign(internalData, createInternalData$c());
+            XEUtils.assign(reactData, createReactData$e());
+            XEUtils.assign(internalData, createInternalData$d());
         });
         reactData.collapseAll = !!props.collapseStatus;
         if (props.items) {
@@ -26484,7 +26488,7 @@ dynamicApp.use(VxeFormItem);
 VxeUI.component(VxeFormItemComponent);
 const FormItem = VxeFormItem;
 
-function createReactData$c() {
+function createReactData$d() {
     return {
         initialized: false,
         selectIcon: '',
@@ -26498,7 +26502,7 @@ function createReactData$c() {
         iconList: []
     };
 }
-function createInternalData$b() {
+function createInternalData$c() {
     return {
         fullList: []
         // hpTimeout: undefined
@@ -26560,8 +26564,8 @@ var VxeIconPickerComponent = defineVxeComponent({
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$c());
-        const internalData = createInternalData$b();
+        const reactData = reactive(createReactData$d());
+        const internalData = createInternalData$c();
         const refElem = ref();
         const refInput = ref();
         const refOptionPanel = ref();
@@ -27161,8 +27165,8 @@ var VxeIconPickerComponent = defineVxeComponent({
             globalEvents.off($xeIconPicker, 'mousedown');
             globalEvents.off($xeIconPicker, 'keydown');
             globalEvents.off($xeIconPicker, 'blur');
-            XEUtils.assign(reactData, createReactData$c());
-            XEUtils.assign(internalData, createInternalData$b());
+            XEUtils.assign(reactData, createReactData$d());
+            XEUtils.assign(internalData, createInternalData$c());
         });
         provide('$xeIconPicker', $xeIconPicker);
         $xeIconPicker.renderVN = renderVN;
@@ -27865,13 +27869,13 @@ const openPreviewImage = (options) => {
     return Promise.resolve();
 };
 
-function createInternalData$a() {
+function createInternalData$b() {
     return {
     // dgTime: 0,
     // mdTime: 0
     };
 }
-function createReactData$b() {
+function createReactData$c() {
     return {};
 }
 var VxeImageComponent = defineVxeComponent({
@@ -27930,8 +27934,8 @@ var VxeImageComponent = defineVxeComponent({
         const $xeImageGroup = inject('$xeImageGroup', null);
         const refElem = ref();
         const { computeSize } = useSize(props);
-        const internalData = createInternalData$a();
-        const reactData = reactive(createReactData$b());
+        const internalData = createInternalData$b();
+        const reactData = reactive(createReactData$c());
         const refMaps = {
             refElem
         };
@@ -28117,8 +28121,8 @@ var VxeImageComponent = defineVxeComponent({
             ]);
         };
         onBeforeUnmount(() => {
-            XEUtils.assign(reactData, createReactData$b());
-            XEUtils.assign(internalData, createInternalData$a());
+            XEUtils.assign(reactData, createReactData$c());
+            XEUtils.assign(internalData, createInternalData$b());
         });
         $xeImage.renderVN = renderVN;
         return $xeImage;
@@ -28391,10 +28395,10 @@ dynamicApp.use(VxeLayoutAside);
 VxeUI.component(VxeLayoutAsideComponent);
 const LayoutAside = VxeLayoutAside;
 
-function createInternalData$9() {
+function createInternalData$a() {
     return {};
 }
-function createReactData$a() {
+function createReactData$b() {
     return {};
 }
 var VxeLayoutBodyComponent = defineVxeComponent({
@@ -28419,8 +28423,8 @@ var VxeLayoutBodyComponent = defineVxeComponent({
         const backtopId = `vxe_layout_body_backtop_${xID}`;
         const refElem = ref();
         const { computeSize } = useSize(props);
-        const internalData = createInternalData$9();
-        const reactData = reactive(createReactData$a());
+        const internalData = createInternalData$a();
+        const reactData = reactive(createReactData$b());
         const refMaps = {
             refElem
         };
@@ -28837,7 +28841,7 @@ const Link = VxeLink;
 
 const { errLog: errLog$a } = createComponentLog('menu');
 const { menus: menus$1, getConfig: getConfig$1, getIcon: getIcon$1 } = VxeUI;
-function createInternalData$8() {
+function createInternalData$9() {
     return {
         lastActiveTime: 0,
         menuInitMaps: {},
@@ -28846,7 +28850,7 @@ function createInternalData$8() {
         menuEffectMaps: {}
     };
 }
-function createReactData$9() {
+function createReactData$a() {
     return {
         initialized: false,
         isEnterCollapse: false,
@@ -28909,8 +28913,8 @@ var VxeMenuComponent = defineVxeComponent({
         const refElem = ref();
         const refCollapseElem = ref();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$9());
-        const internalData = createInternalData$8();
+        const reactData = reactive(createReactData$a());
+        const internalData = createInternalData$9();
         const refMaps = {
             refElem
         };
@@ -29534,8 +29538,8 @@ var VxeMenuComponent = defineVxeComponent({
         });
         onBeforeUnmount(() => {
             globalEvents.off($xeMenu, 'resize');
-            XEUtils.assign(reactData, createReactData$9());
-            XEUtils.assign(internalData, createInternalData$8());
+            XEUtils.assign(reactData, createReactData$a());
+            XEUtils.assign(internalData, createInternalData$9());
         });
         reactData.initialized = !!props.collapsed;
         reactData.activeName = props.modelValue;
@@ -31404,7 +31408,7 @@ function isOptionVisible(option) {
 function getOptUniqueId$1() {
     return XEUtils.uniqueId('opt_');
 }
-function createReactData$8() {
+function createReactData$9() {
     return {
         initialized: false,
         scrollYLoad: false,
@@ -31425,7 +31429,7 @@ function createReactData$8() {
         isActivated: false
     };
 }
-function createInternalData$7() {
+function createInternalData$8() {
     return {
         // isLoaded: false,
         synchData: [],
@@ -31605,8 +31609,8 @@ var VxeSelectComponent = defineVxeComponent({
         const refOptionPanel = ref();
         const refVirtualBody = ref();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$8());
-        const internalData = createInternalData$7();
+        const reactData = reactive(createReactData$9());
+        const internalData = createInternalData$8();
         const refMaps = {
             refElem
         };
@@ -33129,8 +33133,8 @@ var VxeSelectComponent = defineVxeComponent({
             globalEvents.off($xeSelect, 'keydown');
             globalEvents.off($xeSelect, 'blur');
             globalEvents.off($xeSelect, 'resize');
-            XEUtils.assign(reactData, createReactData$8());
-            XEUtils.assign(internalData, createInternalData$7());
+            XEUtils.assign(reactData, createReactData$9());
+            XEUtils.assign(internalData, createInternalData$8());
         });
         provide('$xeSelect', $xeSelect);
         $xeSelect.renderVN = renderVN;
@@ -35736,10 +35740,10 @@ dynamicApp.use(VxeRadioButton);
 VxeUI.component(VxeRadioButtonComponent);
 const RadioButton = VxeRadioButton;
 
-function createReactData$7() {
+function createReactData$8() {
     return {};
 }
-function createInternalData$6() {
+function createInternalData$7() {
     return {
     // isLoaded: false
     };
@@ -35784,8 +35788,8 @@ var VxeRadioGroupComponent = defineVxeComponent({
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$7());
-        const internalData = createInternalData$6();
+        const reactData = reactive(createReactData$8());
+        const internalData = createInternalData$7();
         const computeIsReadonly = computed(() => {
             const { readonly } = props;
             if (readonly === null) {
@@ -35934,8 +35938,8 @@ var VxeRadioGroupComponent = defineVxeComponent({
             });
         });
         onUnmounted(() => {
-            XEUtils.assign(reactData, createReactData$7());
-            XEUtils.assign(internalData, createInternalData$6());
+            XEUtils.assign(reactData, createReactData$8());
+            XEUtils.assign(internalData, createInternalData$7());
         });
         provide('$xeRadioGroup', $xeRadioGroup);
         $xeRadioGroup.renderVN = renderVN;
@@ -36035,10 +36039,10 @@ var VxeRateComponent = defineVxeComponent({
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $rate: $xeRate }, params));
         };
-        const collapsePaneMethods = {
+        const rateMethods = {
             dispatchEvent
         };
-        const collapsePanePrivateMethods = {};
+        const ratePrivateMethods = {};
         const emitModel = (value) => {
             emit('update:modelValue', value);
         };
@@ -36066,7 +36070,7 @@ var VxeRateComponent = defineVxeComponent({
                 }
             }
         };
-        Object.assign($xeRate, collapsePaneMethods, collapsePanePrivateMethods);
+        Object.assign($xeRate, rateMethods, ratePrivateMethods);
         const renderVN = () => {
             const { status } = props;
             const isDisabled = computeIsDisabled.value;
@@ -36155,11 +36159,11 @@ var VxeResultComponent = defineVxeComponent({
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $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, imageStyle, icon, title, type, content } = props;
             const status = props.status || type;
@@ -36320,7 +36324,7 @@ dynamicApp.use(VxeRow);
 VxeUI.component(VxeRowComponent);
 const Row = VxeRow;
 
-function createReactData$6() {
+function createReactData$7() {
     return {
         groupName: XEUtils.uniqueId('xe_group_'),
         selectStyle: {
@@ -36361,7 +36365,7 @@ var VxeSegmentedComponent = defineVxeComponent({
         const refElem = ref();
         const refWrapperElem = ref();
         const refSelectedElem = ref();
-        const reactData = reactive(createReactData$6());
+        const reactData = reactive(createReactData$7());
         const refMaps = {
             refElem
         };
@@ -36534,7 +36538,7 @@ var VxeSegmentedComponent = defineVxeComponent({
             updateStyle();
         });
         onBeforeUnmount(() => {
-            XEUtils.assign(reactData, createReactData$6());
+            XEUtils.assign(reactData, createReactData$7());
         });
         $xeSegmented.renderVN = renderVN;
         return $xeSegmented;
@@ -37691,10 +37695,23 @@ dynamicApp.use(VxeSplitPane);
 VxeUI.component(VxeSplitPaneComponent);
 const SplitPane = VxeSplitPane;
 
+function createInternalData$6() {
+    return {
+        // _isUp: false,
+        currValue: 0,
+        startValue: 0,
+        endValue: 0
+    };
+}
+function createReactData$6() {
+    return {};
+}
 var VxeSliderComponent = defineVxeComponent({
     name: 'VxeSlider',
     props: {
         modelValue: [String, Number, Array],
+        startValue: [String, Number],
+        endValue: [String, Number],
         vertical: Boolean,
         max: {
             type: [String, Number],
@@ -37723,10 +37740,16 @@ var VxeSliderComponent = defineVxeComponent({
         disabled: {
             type: Boolean,
             default: null
+        },
+        immediate: {
+            type: Boolean,
+            default: () => getConfig$3().slider.immediate
         }
     },
     emits: [
         'update:modelValue',
+        'update:startValue',
+        'update:endValue',
         'change',
         'track-dragstart',
         'track-dragover',
@@ -37743,10 +37766,8 @@ var VxeSliderComponent = defineVxeComponent({
         const refTrackElem = ref();
         const refStartBtnElem = ref();
         const refEndBtnElem = ref();
-        const reactData = reactive({
-            startValue: 0,
-            endValue: 0
-        });
+        const reactData = reactive(createReactData$6());
+        const internalData = createInternalData$6();
         const refMaps = {
             refElem
         };
@@ -37776,6 +37797,10 @@ var VxeSliderComponent = defineVxeComponent({
         const computeMinNum = computed(() => {
             return XEUtils.toNumber(props.min || 0);
         });
+        const computeMVal = computed(() => {
+            const { range, startValue, endValue } = props;
+            return range ? `${startValue || ''}${endValue || ''}` : '';
+        });
         const computeMaps = {};
         const $xeSlider = {
             xID,
@@ -37786,6 +37811,7 @@ var VxeSliderComponent = defineVxeComponent({
             getComputeMaps: () => computeMaps
         };
         const emitModel = (value) => {
+            internalData._isUp = true;
             emit('update:modelValue', value);
         };
         const dispatchEvent = (type, params, evnt) => {
@@ -37794,72 +37820,144 @@ var VxeSliderComponent = defineVxeComponent({
         const collapsePaneMethods = {
             dispatchEvent
         };
-        const getStartPercent = (startValue) => {
-            const { range } = props;
-            const maxNum = computeMaxNum.value;
-            const minNum = computeMinNum.value;
-            return range ? XEUtils.floor((startValue - minNum) / XEUtils.toNumber(maxNum - minNum) * 100) : 0;
-        };
-        const getEndPercent = (startValue, endValue) => {
-            const { range } = props;
+        const getBarPercent = (currValue) => {
             const maxNum = computeMaxNum.value;
             const minNum = computeMinNum.value;
-            return XEUtils.floor((endValue - (range ? startValue : 0) - minNum) / XEUtils.toNumber(maxNum - minNum) * 100);
-        };
-        const updateModel = () => {
-            const { modelValue } = props;
-            if (XEUtils.isArray(modelValue)) {
-                const [sVal, eVal] = XEUtils.clone(modelValue, true).sort();
-                reactData.startValue = XEUtils.floor(XEUtils.toNumber(sVal || 0));
-                reactData.endValue = XEUtils.floor(XEUtils.toNumber(eVal || 0));
+            if (maxNum === minNum) {
+                return 0;
+            }
+            if (currValue < minNum) {
+                currValue = minNum;
+            }
+            if (currValue > maxNum) {
+                currValue = maxNum;
+            }
+            return ((currValue - minNum) / (maxNum - minNum)) * 100;
+        };
+        const parseFields = (startValue, endValue) => {
+            const [sVal, eVal] = XEUtils.orderBy([XEUtils.toNumber(startValue), XEUtils.toNumber(endValue)]);
+            const currValue = XEUtils.floor(XEUtils.toNumber(sVal || 0));
+            internalData.currValue = currValue;
+            internalData.startValue = currValue;
+            internalData.endValue = XEUtils.floor(XEUtils.toNumber(eVal || 0));
+        };
+        const parseArrs = (arrVals) => {
+            const [sVal, eVal] = XEUtils.orderBy(arrVals);
+            const currValue = XEUtils.floor(XEUtils.toNumber(sVal || 0));
+            internalData.currValue = currValue;
+            internalData.startValue = currValue;
+            internalData.endValue = XEUtils.floor(XEUtils.toNumber(eVal || 0));
+        };
+        const parseNum = (val) => {
+            const currValue = XEUtils.floor(XEUtils.toNumber(val || 0));
+            internalData.currValue = currValue;
+            internalData.startValue = 0;
+            internalData.endValue = currValue;
+        };
+        const updateModelValue = (umType) => {
+            const { range, modelValue, startValue, endValue } = props;
+            if (!umType) {
+                if (range) {
+                    if (XEUtils.eqNull(modelValue)) {
+                        if (startValue || endValue) {
+                            parseFields(startValue, endValue);
+                        }
+                    }
+                    else {
+                        if (XEUtils.isArray(modelValue)) {
+                            parseArrs(modelValue.map(num => XEUtils.toNumber(num)));
+                        }
+                        else {
+                            parseNum(modelValue);
+                        }
+                    }
+                }
+                else {
+                    parseNum(modelValue);
+                }
+            }
+            else if (range && umType === 2) {
+                parseFields(startValue, endValue);
             }
             else {
-                reactData.startValue = 0;
-                reactData.endValue = XEUtils.floor(XEUtils.toNumber(modelValue || 0));
+                if (XEUtils.isArray(modelValue)) {
+                    parseArrs(modelValue.map(num => XEUtils.toNumber(num)));
+                }
+                else {
+                    parseNum(modelValue);
+                }
             }
+            updateBarStyle();
+            updateTrackStyle();
         };
         const updateBarStyle = () => {
-            const { startValue, endValue } = reactData;
-            const trackElem = refTrackElem.value;
+            const { range } = props;
+            const { currValue, startValue, endValue } = 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] = XEUtils.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 = `${XEUtils.floor(startPercent + endPercent)}%`;
+                if (range) {
+                    const [sVal, eVal] = XEUtils.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) => {
             const { range } = props;
-            const { startValue, endValue } = reactData;
-            const value = range ? [startValue, endValue].sort() : endValue;
+            const { currValue, startValue, endValue } = internalData;
+            const vals = range ? XEUtils.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);
             // 自动更新校验状态
             if ($xeForm && formItemInfo) {
                 $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 => {
@@ -37867,38 +37965,50 @@ var VxeSliderComponent = defineVxeComponent({
                     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 = XEUtils.floor(Math.max(minNum, Math.min(maxNum, trackWidth * (maxNum - minNum) + minNum)));
-                        }
-                        else {
-                            reactData.startValue = XEUtils.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;
+                            }
                         }
-                        dispatchEvent('track-dragover', { startValue: reactData.startValue, endValue: reactData.endValue }, evnt);
+                        internalData.currValue = currValue;
+                        btnElem.style.left = getBarPercent(currValue) + '%';
+                        dispatchEvent('track-dragover', {
+                            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 }, evnt);
+                    dispatchEvent('track-dragend', {
+                        currentValue: internalData.currValue,
+                        startValue: internalData.startValue,
+                        endValue: internalData.endValue
+                    }, evnt);
                     changeEvent(evnt);
-                    updateBarStyle();
+                    updateTrackStyle();
                 };
-                dispatchEvent('track-dragstart', { startValue: reactData.startValue, endValue: reactData.endValue }, evnt);
+                dispatchEvent('track-dragstart', {
+                    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 = () => {
@@ -37930,26 +38040,40 @@ var VxeSliderComponent = defineVxeComponent({
                         ? renderEmptyElement($xeSlider)
                         : 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)
                         : 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
                         })
                 ])
             ]);
         };
         watch(() => props.modelValue, () => {
-            updateModel();
+            if (!internalData._isUp) {
+                updateModelValue(1);
+            }
+            internalData._isUp = false;
+        });
+        watch(computeMVal, () => {
+            if (!internalData._isUp) {
+                updateModelValue(2);
+            }
+            internalData._isUp = false;
         });
         onMounted(() => {
-            updateBarStyle();
+            updateModelValue();
+        });
+        onBeforeUnmount(() => {
+            XEUtils.assign(reactData, createReactData$6());
+            XEUtils.assign(internalData, createInternalData$6());
         });
-        updateModel();
         $xeSlider.renderVN = renderVN;
         return $xeSlider;
     },
@@ -37967,6 +38091,153 @@ dynamicApp.use(VxeSlider);
 VxeUI.component(VxeSliderComponent);
 const Slider = VxeSlider;
 
+var VxeSpaceComponent = defineVxeComponent({
+    name: 'VxeSpace',
+    props: {
+        size: {
+            type: String,
+            default: () => getConfig$3().space.size || getConfig$3().size
+        },
+        wrap: {
+            type: Boolean,
+            default: () => getConfig$3().space.wrap
+        },
+        gap: {
+            type: [Number, String, Array, Object],
+            default: () => getConfig$3().space.gap
+        },
+        vertical: {
+            type: Boolean,
+            default: () => getConfig$3().space.vertical
+        },
+        className: {
+            type: String,
+            default: () => getConfig$3().space.className
+        },
+        itemClassName: {
+            type: String,
+            default: () => getConfig$3().space.itemClassName
+        },
+        separator: {
+            type: String,
+            default: () => getConfig$3().space.separator
+        },
+        align: {
+            type: String,
+            default: () => getConfig$3().space.align
+        }
+    },
+    emits: [],
+    setup(props, context) {
+        const { emit, slots } = context;
+        const xID = XEUtils.uniqueId();
+        const { computeSize } = useSize(props);
+        const refElem = ref();
+        const reactData = reactive({
+            activeValue: null
+        });
+        const refMaps = {
+            refElem
+        };
+        const computeWrapperStyle = computed(() => {
+            const { align, gap } = props;
+            const stys = {};
+            let rowGap = '';
+            let columGap = '';
+            if (XEUtils.isNumber(gap) || XEUtils.isString(gap)) {
+                rowGap = gap;
+                columGap = gap;
+            }
+            else if (gap) {
+                if (XEUtils.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) {
+                XEUtils.each(defaultSlot({}), (itemVN, index, items) => {
+                    itemVNs.push(h('div', {
+                        key: 'i' + index,
+                        class: ['vxe-space--item', getPropClass(itemClassName, { 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;
+        };
+        const renderVN = () => {
+            const { vertical, wrap, className } = props;
+            const wrapperStyle = computeWrapperStyle.value;
+            const vSize = computeSize.value;
+            return 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();
+    }
+});
+
+const VxeSpace = Object.assign({}, VxeSpaceComponent, {
+    install(app) {
+        app.component(VxeSpaceComponent.name, VxeSpaceComponent);
+    }
+});
+dynamicApp.use(VxeSpace);
+VxeUI.component(VxeSpaceComponent);
+const Space = VxeSpace;
+
 var VxeStepsComponent = defineVxeComponent({
     name: 'VxeSteps',
     props: {},
@@ -47955,7 +48226,7 @@ var VxeWatermarkComponent = defineVxeComponent({
         const dispatchEvent = (type, params, evnt) => {
             emit(type, createEvent(evnt, { $watermark: $xeWatermark }, params));
         };
-        const collapsePaneMethods = {
+        const watermarkMethods = {
             dispatchEvent
         };
         const updateMarkStyle = () => {
@@ -47975,8 +48246,8 @@ var VxeWatermarkComponent = defineVxeComponent({
                 }
             }
         };
-        const collapsePanePrivateMethods = {};
-        Object.assign($xeWatermark, collapsePaneMethods, collapsePanePrivateMethods);
+        const watermarkPrivateMethods = {};
+        Object.assign($xeWatermark, watermarkMethods, watermarkPrivateMethods);
         const renderVN = () => {
             const wrapperStyle = computeWrapperStyle.value;
             return h('div', {
@@ -48117,6 +48388,7 @@ const components = [
     VxeSplit,
     VxeSplitPane,
     VxeSlider,
+    VxeSpace,
     VxeSteps,
     VxeSwitch,
     VxeTabPane,
@@ -48147,13 +48419,40 @@ const defaultLanguage = 'zh-CN';
 setI18n(defaultLanguage, zhCN);
 setLanguage(defaultLanguage);
 setTheme('light');
-// 兼容老版本
+/**
+ * 已废弃，被 VxeUI.loading 替换
+ * @deprecated
+ */
 const loading = LoadingController;
+/**
+ * 已废弃，被 VxeUI.modal 替换
+ * @deprecated
+ */
 const modal = ModalController;
+/**
+ * 已废弃，被 VxeUI.drawer 替换
+ * @deprecated
+ */
 const drawer = DrawerController;
+/**
+ * 已废弃，被 VxeUI.watermark 替换
+ * @deprecated
+ */
 const watermark = WatermarkController;
+/**
+ * 已废弃，被 VxeUI.print 替换
+ * @deprecated
+ */
 const print = printHtml;
+/**
+ * 已废弃，被 VxeUI.saveFile 替换
+ * @deprecated
+ */
 const saveFile = saveLocalFile;
+/**
+ * 已废弃，被 VxeUI.readFile 替换
+ * @deprecated
+ */
 const readFile = readLocalFile;
 
 var VxeUIExport = /*#__PURE__*/Object.freeze({
@@ -48229,6 +48528,7 @@ var VxeUIExport = /*#__PURE__*/Object.freeze({
     Segmented: Segmented,
     Select: Select,
     Slider: Slider,
+    Space: Space,
     Split: Split,
     SplitPane: SplitPane,
     Splitter: Splitter,
@@ -48320,6 +48620,7 @@ var VxeUIExport = /*#__PURE__*/Object.freeze({
     VxeSegmented: VxeSegmented,
     VxeSelect: VxeSelect,
     VxeSlider: VxeSlider,
+    VxeSpace: VxeSpace,
     VxeSplit: VxeSplit,
     VxeSplitPane: VxeSplitPane,
     VxeSplitter: VxeSplitter,
@@ -48359,4 +48660,4 @@ var VxeUIExport = /*#__PURE__*/Object.freeze({
     watermark: watermark
 });
 
-export { Alert, Anchor, AnchorLink, Avatar, Backtop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Calendar, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxButton, CheckboxGroup, Col, Collapse, CollapsePane, ColorPicker, ContextMenu, ContextMenuController, Countdown, DatePanel, DatePicker, DateRangePicker, Drawer, DrawerController, Empty, Form, FormGather, FormGroup, FormItem, Icon, IconPicker, Image$1 as Image, ImageGroup, ImagePreview, Input, LayoutAside, LayoutBody, LayoutContainer, LayoutFooter, LayoutHeader, Link, List, Loading, LoadingController, Menu, Modal, ModalController, NoticeBar, NumberInput, Optgroup, Option, Pager, PasswordInput, Print, PrintPageBreak, Pulldown, Radio, RadioButton, RadioGroup, Rate, Result, Row, Segmented, Select, Slider, Split, SplitPane, Splitter, SplitterPanel, Steps, Switch, TabPane, TableSelect, TableTransfer, Tabs, Tag, Text, TextEllipsis, Textarea, Timeline, TimelineItem, Tip, Tips, Tooltip, Tour, Transfer, Tree, TreeSelect, Upload, VxeAlert, VxeAnchor, VxeAnchorLink, VxeAvatar, VxeBacktop, VxeBadge, VxeBreadcrumb, VxeBreadcrumbItem, VxeButton, VxeButtonGroup, VxeCalendar, VxeCard, VxeCarousel, VxeCarouselItem, VxeCascader, VxeCheckbox, VxeCheckboxButton, VxeCheckboxGroup, VxeCol, VxeCollapse, VxeCollapsePane, VxeColorPicker, VxeContextMenu, VxeCountdown, VxeDatePanel, VxeDatePicker, VxeDateRangePicker, VxeDrawer, VxeEmpty, VxeForm, VxeFormGather, VxeFormGroup, VxeFormItem, VxeIcon, VxeIconPicker, VxeImage, VxeImageGroup, VxeImagePreview, VxeInput, VxeLayoutAside, VxeLayoutBody, VxeLayoutContainer, VxeLayoutFooter, VxeLayoutHeader, VxeLink, VxeList, VxeLoading, VxeMenu, VxeModal, VxeNoticeBar, VxeNumberInput, VxeOptgroup, VxeOption, VxePager, VxePasswordInput, VxePrint, VxePrintPageBreak, VxePulldown, VxeRadio, VxeRadioButton, VxeRadioGroup, VxeRate, VxeResult, VxeRow, VxeSegmented, VxeSelect, VxeSlider, VxeSplit, VxeSplitPane, VxeSplitter, VxeSplitterPanel, VxeSteps, VxeSwitch, VxeTabPane, VxeTableSelect, VxeTableTransfer, VxeTabs, VxeTag, VxeText, VxeTextEllipsis, VxeTextarea, VxeTimeline, VxeTimelineItem, VxeTip, VxeTooltip, VxeTour, VxeTransfer, VxeTree, VxeTreeSelect, VxeUpload, VxeWatermark, Watermark, WatermarkController, config, VxeUIExport as default, drawer, install, loading, modal, print, readFile, saveFile, setup, version, watermark };
+export { Alert, Anchor, AnchorLink, Avatar, Backtop, Badge, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Calendar, Card, Carousel, CarouselItem, Cascader, Checkbox, CheckboxButton, CheckboxGroup, Col, Collapse, CollapsePane, ColorPicker, ContextMenu, ContextMenuController, Countdown, DatePanel, DatePicker, DateRangePicker, Drawer, DrawerController, Empty, Form, FormGather, FormGroup, FormItem, Icon, IconPicker, Image$1 as Image, ImageGroup, ImagePreview, Input, LayoutAside, LayoutBody, LayoutContainer, LayoutFooter, LayoutHeader, Link, List, Loading, LoadingController, Menu, Modal, ModalController, NoticeBar, NumberInput, Optgroup, Option, Pager, PasswordInput, Print, PrintPageBreak, Pulldown, Radio, RadioButton, RadioGroup, Rate, Result, Row, Segmented, Select, Slider, Space, Split, SplitPane, Splitter, SplitterPanel, Steps, Switch, TabPane, TableSelect, TableTransfer, Tabs, Tag, Text, TextEllipsis, Textarea, Timeline, TimelineItem, Tip, Tips, Tooltip, Tour, Transfer, Tree, TreeSelect, Upload, VxeAlert, VxeAnchor, VxeAnchorLink, VxeAvatar, VxeBacktop, VxeBadge, VxeBreadcrumb, VxeBreadcrumbItem, VxeButton, VxeButtonGroup, VxeCalendar, VxeCard, VxeCarousel, VxeCarouselItem, VxeCascader, VxeCheckbox, VxeCheckboxButton, VxeCheckboxGroup, VxeCol, VxeCollapse, VxeCollapsePane, VxeColorPicker, VxeContextMenu, VxeCountdown, VxeDatePanel, VxeDatePicker, VxeDateRangePicker, VxeDrawer, VxeEmpty, VxeForm, VxeFormGather, VxeFormGroup, VxeFormItem, VxeIcon, VxeIconPicker, VxeImage, VxeImageGroup, VxeImagePreview, VxeInput, VxeLayoutAside, VxeLayoutBody, VxeLayoutContainer, VxeLayoutFooter, VxeLayoutHeader, VxeLink, VxeList, VxeLoading, VxeMenu, VxeModal, VxeNoticeBar, VxeNumberInput, VxeOptgroup, VxeOption, VxePager, VxePasswordInput, VxePrint, VxePrintPageBreak, VxePulldown, VxeRadio, VxeRadioButton, VxeRadioGroup, VxeRate, VxeResult, VxeRow, VxeSegmented, VxeSelect, VxeSlider, VxeSpace, VxeSplit, VxeSplitPane, VxeSplitter, VxeSplitterPanel, VxeSteps, VxeSwitch, VxeTabPane, VxeTableSelect, VxeTableTransfer, VxeTabs, VxeTag, VxeText, VxeTextEllipsis, VxeTextarea, VxeTimeline, VxeTimelineItem, VxeTip, VxeTooltip, VxeTour, VxeTransfer, VxeTree, VxeTreeSelect, VxeUpload, VxeWatermark, Watermark, WatermarkController, config, VxeUIExport as default, drawer, install, loading, modal, print, readFile, saveFile, setup, version, watermark };