vxe-pc-ui 4.17.28 → 4.17.30

package/dist/all.esm.js

@@ -101,7 +101,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.17.28"}`;
+const uiVersion = `ui v${"4.17.30"}`;
 function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -115,7 +115,7 @@ function createComponentLog(name) {
 const warnLog$i = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.17.28";
+const version = "4.17.30";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -251,6 +251,8 @@ setConfig$1({
     drawer: {
         // size: null,
         // useHtml: false,
+        minWidth: 40,
+        minHeight: 40,
         position: 'right',
         showHeader: true,
         // showTitleBackground: false,
@@ -493,7 +495,10 @@ setConfig$1({
     splitterPanel: {},
     slider: {
         max: 100,
-        min: 0
+        min: 0,
+        tooltipConfig: {
+            enterDelay: 0
+        }
     },
     space: {},
     steps: {},
@@ -2035,7 +2040,7 @@ function updatePanelPlacement(targetElem, panelElem, options) {
             const targetTop = targetRect.top;
             minWidth = targetElem.offsetWidth;
             if (teleportTo) {
-                left = defaultLeft || (targetLeft);
+                left = defaultLeft || (targetLeft - (panelWidth - targetWidth) / 2);
                 top = defaultTop || (targetTop + targetHeight);
                 if (placement === 'top') {
                     panelPlacement = 'top';
@@ -2673,7 +2678,7 @@ function deModelValue(nodeid) {
     return nodeid ? decodeURIComponent(`${nodeid}`) : nodeid;
 }
 
-function createReactData$n() {
+function createReactData$o() {
     return {
         target: null,
         isUpdate: false,
@@ -2690,7 +2695,7 @@ function createReactData$n() {
         }
     };
 }
-function createInternalData$m() {
+function createInternalData$n() {
     return {
     // showDelayTip: undefined
     };
@@ -2789,8 +2794,8 @@ var VxeTooltipComponent = defineVxeComponent({
         const { slots, emit } = context;
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$n());
-        const internalData = createInternalData$m();
+        const reactData = reactive(createReactData$o());
+        const internalData = createInternalData$n();
         const refElem = ref();
         const contentWrapperfElem = ref();
         const computeWrapperStyle = computed(() => {
@@ -3193,8 +3198,8 @@ var VxeTooltipComponent = defineVxeComponent({
             }
             globalEvents.off($xeTooltip, 'blur');
             globalEvents.off($xeTooltip, 'scroll');
-            XEUtils.assign(reactData, createReactData$n());
-            XEUtils.assign(internalData, createInternalData$m());
+            XEUtils.assign(reactData, createReactData$o());
+            XEUtils.assign(internalData, createInternalData$n());
         });
         $xeTooltip.renderVN = renderVN;
         return $xeTooltip;
@@ -4016,12 +4021,12 @@ VxeUI.component(VxeButtonComponent);
 const Button = VxeButton;
 
 const { errLog: errLog$k } = createComponentLog('backtop');
-function createInternalData$l() {
+function createInternalData$m() {
     return {
         targetEl: null
     };
 }
-function createReactData$m() {
+function createReactData$n() {
     return {
         showBtn: false,
         backtopZindex: 0
@@ -4100,8 +4105,8 @@ var VxeBacktopComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const refElem = ref();
         const { computeSize } = useSize(props);
-        const internalData = createInternalData$l();
-        const reactData = reactive(createReactData$m());
+        const internalData = createInternalData$m();
+        const reactData = reactive(createReactData$n());
         const refMaps = {
             refElem
         };
@@ -4275,8 +4280,8 @@ var VxeBacktopComponent = defineVxeComponent({
         });
         onBeforeUnmount(() => {
             removeScrollEvent();
-            XEUtils.assign(reactData, createReactData$m());
-            XEUtils.assign(internalData, createInternalData$l());
+            XEUtils.assign(reactData, createReactData$n());
+            XEUtils.assign(internalData, createInternalData$m());
         });
         $xeBacktop.renderVN = renderVN;
         return $xeBacktop;
@@ -7035,7 +7040,7 @@ function getRowIdByField(row, keyField) {
     const rowKey = getRowKeyByField(row, keyField);
     return enModelValue(rowKey);
 }
-function createReactData$l() {
+function createReactData$m() {
     return {
         scrollYLoad: false,
         bodyHeight: 0,
@@ -7058,7 +7063,7 @@ function createReactData$l() {
         isCrossDragRow: false
     };
 }
-function createInternalData$k() {
+function createInternalData$l() {
     return {
         resizeObserver: undefined,
         fullData: [],
@@ -7145,8 +7150,8 @@ var VxeListComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const browseObj = XEUtils.browse();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$l());
-        const internalData = createInternalData$k();
+        const reactData = reactive(createReactData$m());
+        const internalData = createInternalData$l();
         const crossListDragRowInfo = getCrossListDragRowInfo();
         const refElem = ref();
         const refHeaderElem = ref();
@@ -9109,8 +9114,8 @@ var VxeListComponent = defineVxeComponent({
                 resizeObserver.disconnect();
             }
             globalEvents.off($xeList, 'resize');
-            XEUtils.assign(reactData, createReactData$l());
-            XEUtils.assign(internalData, createInternalData$k());
+            XEUtils.assign(reactData, createReactData$m());
+            XEUtils.assign(internalData, createInternalData$l());
         });
         $xeList.renderVN = renderVN;
         return $xeList;
@@ -11901,7 +11906,7 @@ const Input = VxeInput;
 function getNodeUniqueId$1() {
     return XEUtils.uniqueId('node_');
 }
-function createReactData$k() {
+function createReactData$l() {
     return {
         initialized: false,
         searchValue: '',
@@ -11924,7 +11929,7 @@ function createReactData$k() {
         lazyOptFlag: 1
     };
 }
-function createInternalData$j() {
+function createInternalData$k() {
     return {
         // hpTimeout: undefined,
         listVirtualYOpts: {
@@ -12052,8 +12057,8 @@ var VxeCascaderComponent = defineVxeComponent({
         const refInpSearch = ref();
         const refChunkWrapper = ref();
         const refOptionPanel = ref();
-        const reactData = reactive(createReactData$k());
-        const internalData = createInternalData$j();
+        const reactData = reactive(createReactData$l());
+        const internalData = createInternalData$k();
         const refMaps = {
             refElem
         };
@@ -13663,8 +13668,8 @@ var VxeCascaderComponent = defineVxeComponent({
             globalEvents.off($xeCascader, 'mousedown');
             globalEvents.off($xeCascader, 'blur');
             globalEvents.off($xeCascader, 'resize');
-            XEUtils.assign(reactData, createReactData$k());
-            XEUtils.assign(internalData, createInternalData$j());
+            XEUtils.assign(reactData, createReactData$l());
+            XEUtils.assign(internalData, createInternalData$k());
         });
         provide('$xeCascader', $xeCascader);
         $xeCascader.renderVN = renderVN;
@@ -14068,10 +14073,10 @@ dynamicApp.use(VxeCheckboxButton);
 VxeUI.component(VxeCheckboxButtonComponent);
 const CheckboxButton = VxeCheckboxButton;
 
-function createReactData$j() {
+function createReactData$k() {
     return {};
 }
-function createInternalData$i() {
+function createInternalData$j() {
     return {
     // isLoaded: false
     };
@@ -14115,8 +14120,8 @@ var VxeCheckboxGroupComponent = defineVxeComponent({
         const $xeForm = inject('$xeForm', null);
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
-        const reactData = reactive(createReactData$j());
-        const internalData = createInternalData$i();
+        const reactData = reactive(createReactData$k());
+        const internalData = createInternalData$j();
         const computeIsReadonly = computed(() => {
             const { readonly } = props;
             if (readonly === null) {
@@ -14289,8 +14294,8 @@ var VxeCheckboxGroupComponent = defineVxeComponent({
             });
         });
         onUnmounted(() => {
-            XEUtils.assign(reactData, createReactData$j());
-            XEUtils.assign(internalData, createInternalData$i());
+            XEUtils.assign(reactData, createReactData$k());
+            XEUtils.assign(internalData, createInternalData$j());
         });
         provide('$xeCheckboxGroup', $xeCheckboxGroup);
         $xeCheckboxGroup.renderVN = renderVN;
@@ -14423,7 +14428,7 @@ dynamicApp.use(VxeCol);
 VxeUI.component(VxeColComponent);
 const Col = VxeCol;
 
-function createReactData$i() {
+function createReactData$j() {
     return {
         staticPanes: [],
         cachePaneMaps: {},
@@ -14431,7 +14436,7 @@ function createReactData$i() {
         openKeyFlag: 0
     };
 }
-function createInternalData$h() {
+function createInternalData$i() {
     return {
         // esTime: null,
         activeKeyMaps: {},
@@ -14468,8 +14473,8 @@ var VxeCollapseComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
         const refElem = ref();
-        const reactData = reactive(createReactData$i());
-        const internalData = createInternalData$h();
+        const reactData = reactive(createReactData$j());
+        const internalData = createInternalData$i();
         const refMaps = {
             refElem
         };
@@ -14748,8 +14753,8 @@ var VxeCollapseComponent = defineVxeComponent({
             if (esTime) {
                 clearTimeout(esTime);
             }
-            XEUtils.assign(reactData, createReactData$i());
-            XEUtils.assign(internalData, createInternalData$h());
+            XEUtils.assign(reactData, createReactData$j());
+            XEUtils.assign(internalData, createInternalData$i());
         });
         provide('$xeCollapse', $xeCollapse);
         $xeCollapse.renderVN = renderVN;
@@ -15918,7 +15923,7 @@ var VxeNumberInputComponent = defineVxeComponent({
                     const inputElem = refInputTarget.value;
                     const content = getText(contentMethod
                         ? contentMethod({
-                            $mumberInput: $xeNumberInput,
+                            $numberInput: $xeNumberInput,
                             type,
                             inputValue: inputElem.value,
                             value: inputValue || '',
@@ -17510,12 +17515,12 @@ VxeUI.color = {
 };
 const ColorPicker = VxeColorPicker;
 
-function createInternalData$g() {
+function createInternalData$h() {
     return {
     // leaveTime: null
     };
 }
-function createReactData$h() {
+function createReactData$i() {
     return {
         visible: false,
         activeOption: null,
@@ -17570,8 +17575,8 @@ var VxeContextMenuComponent = defineVxeComponent({
         const xID = XEUtils.uniqueId();
         const refElem = ref();
         const { computeSize } = useSize(props);
-        const internalData = createInternalData$g();
-        const reactData = reactive(createReactData$h());
+        const internalData = createInternalData$h();
+        const reactData = reactive(createReactData$i());
         const refMaps = {
             refElem
         };
@@ -18126,8 +18131,8 @@ var VxeContextMenuComponent = defineVxeComponent({
             globalEvents.off($xeContextMenu, 'keydown');
             globalEvents.off($xeContextMenu, 'mousedown');
             globalEvents.off($xeContextMenu, 'blur');
-            XEUtils.assign(reactData, createReactData$h());
-            XEUtils.assign(internalData, createInternalData$g());
+            XEUtils.assign(reactData, createReactData$i());
+            XEUtils.assign(internalData, createInternalData$h());
         });
         $xeContextMenu.renderVN = renderVN;
         return $xeContextMenu;
@@ -20445,7 +20450,7 @@ const parseInputKayMaps = {};
 inputMaskedKeys.forEach(key => {
     parseInputKayMaps[key] = true;
 });
-function createReactData$g() {
+function createReactData$h() {
     return {
         initialized: false,
         panelIndex: 0,
@@ -20458,7 +20463,7 @@ function createReactData$g() {
         labelFlag: 0
     };
 }
-function createInternalData$f() {
+function createInternalData$g() {
     return {
         // hpTimeout: undefined,
         // fsTimeout: undefined,
@@ -20603,8 +20608,8 @@ var VxeDatePickerComponent = defineVxeComponent({
         const formItemInfo = inject('xeFormItemInfo', null);
         const xID = XEUtils.uniqueId();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$g());
-        const internalData = createInternalData$f();
+        const reactData = reactive(createReactData$h());
+        const internalData = createInternalData$g();
         const refElem = ref();
         const refInputTarget = ref();
         const refInputPanel = ref();
@@ -22040,8 +22045,8 @@ var VxeDatePickerComponent = defineVxeComponent({
             globalEvents.off($xeDatePicker, 'keydown');
             globalEvents.off($xeDatePicker, 'blur');
             globalEvents.off($xeDatePicker, 'resize');
-            XEUtils.assign(reactData, createReactData$g());
-            XEUtils.assign(internalData, createInternalData$f());
+            XEUtils.assign(reactData, createReactData$h());
+            XEUtils.assign(internalData, createInternalData$g());
         });
         provide('$xeDatePicker', $xeDatePicker);
         $xeDatePicker.renderVN = renderVN;
@@ -22062,7 +22067,7 @@ VxeUI.component(VxeDatePickerComponent);
 const DatePicker = VxeDatePicker;
 
 const { errLog: errLog$e } = createComponentLog('date-range-picker');
-function createReactData$f() {
+function createReactData$g() {
     return {
         initialized: false,
         panelIndex: 0,
@@ -22077,7 +22082,7 @@ function createReactData$f() {
         paneEndVal: []
     };
 }
-function createInternalData$e() {
+function createInternalData$f() {
     return {
     // selectStatus: false
     // hpTimeout: undefined
@@ -22224,8 +22229,8 @@ var VxeDateRangePickerComponent = 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();
@@ -23551,8 +23556,8 @@ var VxeDateRangePickerComponent = defineVxeComponent({
             globalEvents.off($xeDateRangePicker, 'mousedown');
             globalEvents.off($xeDateRangePicker, 'blur');
             globalEvents.off($xeDateRangePicker, 'resize');
-            XEUtils.assign(reactData, createReactData$f());
-            XEUtils.assign(internalData, createInternalData$e());
+            XEUtils.assign(reactData, createReactData$g());
+            XEUtils.assign(internalData, createInternalData$f());
         });
         provide('$xeDateRangePicker', $xeDateRangePicker);
         $xeDateRangePicker.renderVN = renderVN;
@@ -23572,6 +23577,8 @@ dynamicApp.use(VxeDateRangePicker);
 VxeUI.component(VxeDateRangePickerComponent);
 const DateRangePicker = VxeDateRangePicker;
 
+const allActiveDrawers = [];
+
 const VxeLoading = Object.assign({}, VxeLoadingComponent, {
     install(app) {
         app.component(VxeLoadingComponent.name, VxeLoadingComponent);
@@ -23598,7 +23605,6 @@ VxeUI.component(VxeLoadingComponent);
 VxeUI.loading = LoadingController;
 const Loading = VxeLoading;
 
-const allActiveDrawers = [];
 var VxeDrawerComponent = defineVxeComponent({
     name: 'VxeDrawer',
     props: {
@@ -23681,8 +23687,22 @@ var VxeDrawerComponent = defineVxeComponent({
             default: () => getConfig$3().drawer.showTitleOverflow
         },
         preload: Boolean,
-        width: [Number, String],
-        height: [Number, String],
+        width: {
+            type: [Number, String],
+            default: () => getConfig$3().drawer.width
+        },
+        height: {
+            type: [Number, String],
+            default: () => getConfig$3().drawer.height
+        },
+        minWidth: {
+            type: [Number, String],
+            default: () => getConfig$3().drawer.minWidth
+        },
+        minHeight: {
+            type: [Number, String],
+            default: () => getConfig$3().drawer.minHeight
+        },
         resize: {
             type: Boolean,
             default: () => getConfig$3().drawer.resize
@@ -23704,6 +23724,10 @@ var VxeDrawerComponent = defineVxeComponent({
             type: [String, Function],
             default: () => getConfig$3().drawer.appendTo
         },
+        isWithinAppendTo: {
+            type: Boolean,
+            default: () => getConfig$3().drawer.isWithinAppendTo
+        },
         padding: {
             type: Boolean,
             default: () => getConfig$3().drawer.padding
@@ -23788,11 +23812,12 @@ var VxeDrawerComponent = defineVxeComponent({
             return boxElem;
         };
         const recalculate = () => {
-            const { width, height } = props;
+            const { position, width, height } = props;
             const boxElem = getBox();
             if (boxElem) {
-                boxElem.style.width = toCssUnit(width);
-                boxElem.style.height = toCssUnit(height);
+                const isTb = position === 'top' || position === 'bottom';
+                boxElem.style.height = isTb ? toCssUnit(height) : '';
+                boxElem.style.width = isTb ? '' : toCssUnit(width);
             }
             return nextTick();
         };
@@ -23818,6 +23843,10 @@ var VxeDrawerComponent = defineVxeComponent({
             if (visible) {
                 Promise.resolve(beforeHideMethod ? beforeHideMethod(params) : null).then((rest) => {
                     if (!XEUtils.isError(rest)) {
+                        const el = refElem.value;
+                        if (el) {
+                            el.setAttribute('data-effect', 'y');
+                        }
                         reactData.contentVisible = false;
                         removeActiveQueue();
                         dispatchEvent('before-hide', params, null);
@@ -23826,6 +23855,12 @@ var VxeDrawerComponent = defineVxeComponent({
                             emit('update:modelValue', false);
                             dispatchEvent('hide', params, null);
                         }, 200);
+                        setTimeout(() => {
+                            const el = refElem.value;
+                            if (el) {
+                                el.removeAttribute('data-effect');
+                            }
+                        }, 350);
                     }
                 }).catch(e => e);
             }
@@ -23863,6 +23898,12 @@ var VxeDrawerComponent = defineVxeComponent({
                 reactData.contentVisible = false;
                 updateZindex();
                 allActiveDrawers.push($xeDrawer);
+                nextTick(() => {
+                    const el = refElem.value;
+                    if (el) {
+                        el.setAttribute('data-effect', 'y');
+                    }
+                });
                 setTimeout(() => {
                     recalculate();
                     reactData.contentVisible = true;
@@ -23881,6 +23922,12 @@ var VxeDrawerComponent = defineVxeComponent({
                         dispatchEvent('show', params, null);
                     });
                 }, 10);
+                setTimeout(() => {
+                    const el = refElem.value;
+                    if (el) {
+                        el.removeAttribute('data-effect');
+                    }
+                }, 350);
             }
             return nextTick();
         };
@@ -23926,12 +23973,19 @@ var VxeDrawerComponent = defineVxeComponent({
         };
         const dragEvent = (evnt) => {
             evnt.preventDefault();
-            const { visibleHeight, visibleWidth } = getDomNode();
+            const { resize, isWithinAppendTo } = props;
+            const el = refElem.value;
+            const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo ? el : document.body);
+            if (!parentWrapperEl) {
+                return;
+            }
+            const visibleWidth = parentWrapperEl.clientWidth - (resize && isWithinAppendTo ? 8 : 0);
+            const visibleHeight = parentWrapperEl.clientHeight - (resize && isWithinAppendTo ? 8 : 0);
             const marginSize = 0;
             const targetElem = evnt.target;
             const type = targetElem.getAttribute('type');
-            const minWidth = 0;
-            const minHeight = 0;
+            const minWidth = XEUtils.toNumber(props.minWidth);
+            const minHeight = XEUtils.toNumber(props.minHeight);
             const maxWidth = visibleWidth;
             const maxHeight = visibleHeight;
             const boxElem = getBox();
@@ -24126,7 +24180,7 @@ var VxeDrawerComponent = defineVxeComponent({
             return renderEmptyElement($xeDrawer);
         };
         const renderVN = () => {
-            const { border, showTitleBackground, slots: propSlots = {}, className, position, loading, lockScroll, padding, lockView, mask, resize, appendTo, destroyOnClose } = props;
+            const { border, showTitleBackground, slots: propSlots = {}, className, position, loading, lockScroll, padding, lockView, mask, resize, appendTo, destroyOnClose, isWithinAppendTo } = props;
             const { initialized, contentVisible, visible } = reactData;
             const asideSlot = slots.aside || propSlots.aside;
             const vSize = computeSize.value;
@@ -24138,7 +24192,7 @@ var VxeDrawerComponent = defineVxeComponent({
             }, [
                 h('div', {
                     ref: refElem,
-                    class: ['vxe-drawer--wrapper', `pos--${position}`, className || '', {
+                    class: ['vxe-drawer--wrapper', `pos--${position}`, isWithinAppendTo ? 'ctx--within' : 'ctx--free', className || '', {
                             [`size--${vSize}`]: vSize,
                             'is--padding': padding,
                             'is--border': border,
@@ -24190,8 +24244,17 @@ var VxeDrawerComponent = defineVxeComponent({
                 ])
             ]);
         };
-        watch(() => props.width, recalculate);
-        watch(() => props.height, recalculate);
+        const reFlag = ref(0);
+        watch(() => props.width, () => {
+            reFlag.value++;
+        });
+        watch(() => props.height, () => {
+            reFlag.value++;
+        });
+        watch(() => props.position, () => {
+            reFlag.value++;
+        });
+        watch(reFlag, recalculate);
         watch(() => props.modelValue, (value) => {
             if (value) {
                 openDrawer();
@@ -25762,7 +25825,7 @@ function checkRuleStatus(rule, data, val) {
     }
     return true;
 }
-function createReactData$e() {
+function createReactData$f() {
     return {
         collapseAll: false,
         staticItems: [],
@@ -25770,7 +25833,7 @@ function createReactData$e() {
         itemWidth: 0
     };
 }
-function createInternalData$d() {
+function createInternalData$e() {
     return {
         meTimeout: undefined,
         stTimeout: undefined,
@@ -25879,8 +25942,8 @@ var VxeFormComponent = defineVxeComponent({
         const $xeGrid = inject('$xeGrid', 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 refTooltip = ref();
         let formMethods = {};
@@ -26589,8 +26652,8 @@ var VxeFormComponent = defineVxeComponent({
         });
         onUnmounted(() => {
             globalEvents.off($xeForm, 'resize');
-            XEUtils.assign(reactData, createReactData$e());
-            XEUtils.assign(internalData, createInternalData$d());
+            XEUtils.assign(reactData, createReactData$f());
+            XEUtils.assign(internalData, createInternalData$e());
         });
         reactData.collapseAll = !!props.collapseStatus;
         if (props.items) {
@@ -26717,7 +26780,7 @@ dynamicApp.use(VxeFormItem);
 VxeUI.component(VxeFormItemComponent);
 const FormItem = VxeFormItem;
 
-function createReactData$d() {
+function createReactData$e() {
     return {
         initialized: false,
         selectIcon: '',
@@ -26731,7 +26794,7 @@ function createReactData$d() {
         iconList: []
     };
 }
-function createInternalData$c() {
+function createInternalData$d() {
     return {
         fullList: []
         // hpTimeout: undefined
@@ -26793,8 +26856,8 @@ var VxeIconPickerComponent = defineVxeComponent({
         const formItemInfo = inject('xeFormItemInfo', 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 refInput = ref();
         const refOptionPanel = ref();
@@ -27394,8 +27457,8 @@ var VxeIconPickerComponent = defineVxeComponent({
             globalEvents.off($xeIconPicker, 'mousedown');
             globalEvents.off($xeIconPicker, 'keydown');
             globalEvents.off($xeIconPicker, 'blur');
-            XEUtils.assign(reactData, createReactData$d());
-            XEUtils.assign(internalData, createInternalData$c());
+            XEUtils.assign(reactData, createReactData$e());
+            XEUtils.assign(internalData, createInternalData$d());
         });
         provide('$xeIconPicker', $xeIconPicker);
         $xeIconPicker.renderVN = renderVN;
@@ -28098,13 +28161,13 @@ const openPreviewImage = (options) => {
     return Promise.resolve();
 };
 
-function createInternalData$b() {
+function createInternalData$c() {
     return {
     // dgTime: 0,
     // mdTime: 0
     };
 }
-function createReactData$c() {
+function createReactData$d() {
     return {};
 }
 var VxeImageComponent = defineVxeComponent({
@@ -28163,8 +28226,8 @@ var VxeImageComponent = defineVxeComponent({
         const $xeImageGroup = inject('$xeImageGroup', null);
         const refElem = ref();
         const { computeSize } = useSize(props);
-        const internalData = createInternalData$b();
-        const reactData = reactive(createReactData$c());
+        const internalData = createInternalData$c();
+        const reactData = reactive(createReactData$d());
         const refMaps = {
             refElem
         };
@@ -28350,8 +28413,8 @@ var VxeImageComponent = defineVxeComponent({
             ]);
         };
         onBeforeUnmount(() => {
-            XEUtils.assign(reactData, createReactData$c());
-            XEUtils.assign(internalData, createInternalData$b());
+            XEUtils.assign(reactData, createReactData$d());
+            XEUtils.assign(internalData, createInternalData$c());
         });
         $xeImage.renderVN = renderVN;
         return $xeImage;
@@ -28624,10 +28687,10 @@ dynamicApp.use(VxeLayoutAside);
 VxeUI.component(VxeLayoutAsideComponent);
 const LayoutAside = VxeLayoutAside;
 
-function createInternalData$a() {
+function createInternalData$b() {
     return {};
 }
-function createReactData$b() {
+function createReactData$c() {
     return {};
 }
 var VxeLayoutBodyComponent = defineVxeComponent({
@@ -28652,8 +28715,8 @@ var VxeLayoutBodyComponent = defineVxeComponent({
         const backtopId = `vxe_layout_body_backtop_${xID}`;
         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
         };
@@ -29070,7 +29133,7 @@ const Link = VxeLink;
 
 const { errLog: errLog$a } = createComponentLog('menu');
 const { menus: menus$1, getConfig: getConfig$1, getIcon: getIcon$1 } = VxeUI;
-function createInternalData$9() {
+function createInternalData$a() {
     return {
         lastActiveTime: 0,
         menuInitMaps: {},
@@ -29079,7 +29142,7 @@ function createInternalData$9() {
         menuEffectMaps: {}
     };
 }
-function createReactData$a() {
+function createReactData$b() {
     return {
         initialized: false,
         isEnterCollapse: false,
@@ -29142,8 +29205,8 @@ var VxeMenuComponent = defineVxeComponent({
         const refElem = ref();
         const refCollapseElem = ref();
         const { computeSize } = useSize(props);
-        const reactData = reactive(createReactData$a());
-        const internalData = createInternalData$9();
+        const reactData = reactive(createReactData$b());
+        const internalData = createInternalData$a();
         const refMaps = {
             refElem
         };
@@ -29767,8 +29830,8 @@ var VxeMenuComponent = defineVxeComponent({
         });
         onBeforeUnmount(() => {
             globalEvents.off($xeMenu, 'resize');
-            XEUtils.assign(reactData, createReactData$a());
-            XEUtils.assign(internalData, createInternalData$9());
+            XEUtils.assign(reactData, createReactData$b());
+            XEUtils.assign(internalData, createInternalData$a());
         });
         reactData.initialized = !!props.collapsed;
         reactData.activeName = props.modelValue;
@@ -29791,8 +29854,30 @@ dynamicApp.use(VxeMenu);
 VxeUI.component(VxeMenuComponent);
 const Menu = VxeMenu;
 
-const { warnLog: warnLog$a, errLog: errLog$9 } = createComponentLog('modal');
 const allActiveModals = [];
+
+const { warnLog: warnLog$a, errLog: errLog$9 } = createComponentLog('modal');
+function createInternalData$9() {
+    return {
+        // msgTimeout: undefined,
+        isMoveStatus: false
+    };
+}
+function createReactData$a() {
+    return {
+        initialized: false,
+        visible: false,
+        contentVisible: false,
+        modalTop: 0,
+        modalZindex: 0,
+        prevZoomStatus: '',
+        zoomStatus: '',
+        revertLocat: null,
+        prevLocat: null,
+        firstOpen: true,
+        resizeFlag: 1
+    };
+}
 const msgQueue = [];
 const notifyQueue = [];
 const lockScrollAttrKey = 'data-vxe-lock-scroll';
@@ -30007,22 +30092,8 @@ var VxeModalComponent = defineVxeComponent({
         const $xeTable = inject('$xeTable', null);
         const $xeForm = inject('$xeForm', null);
         const { computeSize } = useSize(props);
-        const reactData = reactive({
-            initialized: false,
-            visible: false,
-            contentVisible: false,
-            modalTop: 0,
-            modalZindex: 0,
-            prevZoomStatus: '',
-            zoomStatus: '',
-            revertLocat: null,
-            prevLocat: null,
-            firstOpen: true,
-            resizeFlag: 1
-        });
-        const internalData = {
-            msgTimeout: undefined
-        };
+        const reactData = reactive(createReactData$a());
+        const internalData = createInternalData$9();
         const refElem = ref();
         const refModalBox = ref();
         const refHeaderElem = ref();
@@ -30181,6 +30252,10 @@ var VxeModalComponent = defineVxeComponent({
             if (visible) {
                 Promise.resolve(beforeHideFn ? beforeHideFn(params) : null).then((rest) => {
                     if (!XEUtils.isError(rest)) {
+                        const el = refElem.value;
+                        if (el) {
+                            el.setAttribute('data-effect', 'y');
+                        }
                         if (isMsg) {
                             removeMsgQueue();
                         }
@@ -30196,6 +30271,12 @@ var VxeModalComponent = defineVxeComponent({
                             dispatchEvent('hide', params, null);
                         }, 200);
                         removeBodyLockScroll();
+                        setTimeout(() => {
+                            const el = refElem.value;
+                            if (el) {
+                                el.removeAttribute('data-effect');
+                            }
+                        }, 350);
                     }
                 }).catch(e => e);
             }
@@ -30494,6 +30575,7 @@ var VxeModalComponent = defineVxeComponent({
             }
             if (!visible) {
                 addBodyLockScroll();
+                internalData.isMoveStatus = false;
                 reactData.visible = true;
                 reactData.contentVisible = false;
                 updateZindex();
@@ -30525,6 +30607,10 @@ var VxeModalComponent = defineVxeComponent({
                 else {
                     nextTick(() => {
                         const { firstOpen } = reactData;
+                        const el = refElem.value;
+                        if (el) {
+                            el.setAttribute('data-effect', 'y');
+                        }
                         if (firstOpen) {
                             reactData.firstOpen = false;
                             if (hasPosStorage()) {
@@ -30551,6 +30637,12 @@ var VxeModalComponent = defineVxeComponent({
                             }
                         }
                     });
+                    setTimeout(() => {
+                        const el = refElem.value;
+                        if (el) {
+                            el.removeAttribute('data-effect');
+                        }
+                    }, 350);
                 }
             }
             return nextTick();
@@ -30598,6 +30690,11 @@ var VxeModalComponent = defineVxeComponent({
                 }
             }
         };
+        const handleGlobalResizeEvent = () => {
+            if (!internalData.isMoveStatus) {
+                updatePosition();
+            }
+        };
         const isMinimized = () => {
             return reactData.zoomStatus === 'minimize';
         };
@@ -30700,7 +30797,7 @@ var VxeModalComponent = defineVxeComponent({
             }
         };
         const mousedownEvent = (evnt) => {
-            const { resize, storage, isWithinAppendTo } = props;
+            const { storage, isWithinAppendTo } = props;
             const { zoomStatus } = reactData;
             const marginSize = XEUtils.toNumber(props.marginSize);
             const boxElem = getBox();
@@ -30714,8 +30811,8 @@ var VxeModalComponent = defineVxeComponent({
                 if (!parentWrapperEl) {
                     return;
                 }
-                const visibleWidth = parentWrapperEl.clientWidth - (resize && isWithinAppendTo ? 8 : 0);
-                const visibleHeight = parentWrapperEl.clientHeight - (resize && isWithinAppendTo ? 8 : 0);
+                const visibleWidth = parentWrapperEl.clientWidth;
+                const visibleHeight = parentWrapperEl.clientHeight;
                 const disX = evnt.clientX - boxElem.offsetLeft;
                 const disY = evnt.clientY - boxElem.offsetTop;
                 document.onmousemove = evnt => {
@@ -30744,6 +30841,7 @@ var VxeModalComponent = defineVxeComponent({
                     boxElem.style.top = `${top}px`;
                     boxElem.className = boxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
                     dispatchEvent('move', { type: 'move' }, evnt);
+                    internalData.isMoveStatus = true;
                     reactData.resizeFlag++;
                 };
                 document.onmouseup = () => {
@@ -30763,14 +30861,14 @@ var VxeModalComponent = defineVxeComponent({
         };
         const dragEvent = (evnt) => {
             evnt.preventDefault();
-            const { resize, storage, isWithinAppendTo } = props;
+            const { storage, isWithinAppendTo } = props;
             const el = refElem.value;
             const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo ? el : document.body);
             if (!parentWrapperEl) {
                 return;
             }
-            const visibleWidth = parentWrapperEl.clientWidth - (resize && isWithinAppendTo ? 8 : 0);
-            const visibleHeight = parentWrapperEl.clientHeight - (resize && isWithinAppendTo ? 8 : 0);
+            const visibleWidth = parentWrapperEl.clientWidth;
+            const visibleHeight = parentWrapperEl.clientHeight;
             const marginSize = XEUtils.toNumber(props.marginSize);
             const targetElem = evnt.target;
             const type = targetElem.getAttribute('data-type');
@@ -31151,7 +31249,7 @@ var VxeModalComponent = defineVxeComponent({
                 to: getPopupContainer(appendTo),
                 disabled: btnTransfer ? !initialized : true
             }, [
-                h('div', Object.assign({ ref: refElem, class: ['vxe-modal--wrapper', `type--${type}`, `zoom--${zoomStatus || 'revert'}`, className || '', position ? `pos--${position}` : '', isWithinAppendTo ? 'ctx--within' : 'ctx--free', {
+                h('div', Object.assign({ ref: refElem, class: ['vxe-modal--wrapper', `type--${type}`, `zoom--${zoomStatus || 'revert'}`, position ? `pos--${position}` : '', isWithinAppendTo ? 'ctx--within' : 'ctx--free', className || '', {
                             [`size--${vSize}`]: vSize,
                             [`status--${status}`]: status,
                             'is--padding': padding,
@@ -31244,12 +31342,16 @@ var VxeModalComponent = defineVxeComponent({
             if (props.escClosable) {
                 globalEvents.on($xeModal, 'keydown', handleGlobalKeydownEvent);
             }
+            globalEvents.on($xeModal, 'resize', handleGlobalResizeEvent);
         });
         onUnmounted(() => {
             globalEvents.off($xeModal, 'keydown');
+            globalEvents.off($xeModal, 'resize');
             removeMsgQueue();
             removeActiveQueue();
             removeBodyLockScroll();
+            XEUtils.assign(reactData, createReactData$a());
+            XEUtils.assign(internalData, createInternalData$9());
         });
         provide('$xeModal', $xeModal);
         return $xeModal;
@@ -37988,6 +38090,8 @@ const SplitPane = VxeSplitPane;
 function createInternalData$6() {
     return {
         // _isUp: false,
+        isDragStatus: false,
+        isBtnActive: false,
         currValue: 0,
         startValue: 0,
         endValue: 0
@@ -38034,7 +38138,12 @@ var VxeSliderComponent = defineVxeComponent({
         immediate: {
             type: Boolean,
             default: () => getConfig$3().slider.immediate
-        }
+        },
+        showTooltip: {
+            type: Boolean,
+            default: () => getConfig$3().slider.showTooltip
+        },
+        tooltipConfig: Object
     },
     emits: [
         'update:modelValue',
@@ -38091,6 +38200,9 @@ var VxeSliderComponent = defineVxeComponent({
             const { range, startValue, endValue } = props;
             return range ? `${startValue || ''}${endValue || ''}` : '';
         });
+        const computeTooltipOpts = computed(() => {
+            return Object.assign({}, getConfig$3().slider.tooltipConfig, props.tooltipConfig);
+        });
         const computeMaps = {};
         const $xeSlider = {
             xID,
@@ -38243,6 +38355,38 @@ var VxeSliderComponent = defineVxeComponent({
             const raw = minNum + ratio * (maxNum - minNum);
             return Math.floor(raw);
         };
+        const handleShowTip = (btnElem) => {
+            const { showTooltip } = props;
+            if (showTooltip) {
+                if (VxeUI.tooltip) {
+                    const { currValue } = internalData;
+                    const tooltipOpts = computeTooltipOpts.value;
+                    const { contentMethod } = tooltipOpts;
+                    const content = getText(contentMethod
+                        ? contentMethod({
+                            $slider: $xeSlider,
+                            value: currValue
+                        })
+                        : '' + currValue);
+                    if (content) {
+                        VxeUI.tooltip.open(btnElem, Object.assign({}, Object.assign(Object.assign({}, tooltipOpts), { content }), {
+                            contentMethod: undefined
+                        }));
+                    }
+                    else {
+                        VxeUI.tooltip.close();
+                    }
+                }
+            }
+        };
+        const handleHideTip = () => {
+            const { showTooltip } = props;
+            if (showTooltip) {
+                if (VxeUI.tooltip) {
+                    VxeUI.tooltip.close();
+                }
+            }
+        };
         const handleBtnMousedownEvent = (evnt) => {
             const { range, immediate } = props;
             const btnElem = evnt.currentTarget;
@@ -38254,6 +38398,7 @@ var VxeSliderComponent = defineVxeComponent({
                     evnt.preventDefault();
                     const el = refElem.value;
                     const barElem = refBarElem.value;
+                    internalData.isDragStatus = true;
                     if (el && barElem) {
                         const btnType = btnElem.getAttribute('data-type');
                         const barRect = barElem.getBoundingClientRect();
@@ -38280,10 +38425,12 @@ var VxeSliderComponent = defineVxeComponent({
                         changeEvent(evnt);
                     }
                     updateTrackStyle();
+                    handleShowTip(btnElem);
                 };
                 document.onmouseup = (evnt) => {
                     document.onmousemove = null;
                     document.onmouseup = null;
+                    internalData.isDragStatus = false;
                     dispatchEvent('track-dragend', {
                         currentValue: internalData.currValue,
                         startValue: internalData.startValue,
@@ -38291,12 +38438,31 @@ var VxeSliderComponent = defineVxeComponent({
                     }, evnt);
                     changeEvent(evnt);
                     updateTrackStyle();
+                    if (!internalData.isBtnActive) {
+                        handleHideTip();
+                    }
                 };
                 dispatchEvent('track-dragstart', {
                     currentValue: internalData.currValue,
                     startValue: internalData.startValue,
                     endValue: internalData.endValue
                 }, evnt);
+                internalData.isDragStatus = false;
+            }
+        };
+        const handleBtnMouseenterEvent = (evnt) => {
+            const { startValue, endValue } = internalData;
+            const btnElem = evnt.currentTarget;
+            const btnType = btnElem.getAttribute('data-type');
+            internalData.currValue = btnType === '1' ? startValue : endValue;
+            internalData.isBtnActive = true;
+            handleShowTip(btnElem);
+        };
+        const handleBtnMouseleaveEvent = () => {
+            const { isDragStatus } = internalData;
+            internalData.isBtnActive = false;
+            if (!isDragStatus) {
+                handleHideTip();
             }
         };
         const collapsePanePrivateMethods = {};
@@ -38332,6 +38498,8 @@ var VxeSliderComponent = defineVxeComponent({
                             ref: refStartBtnElem,
                             class: 'vxe-slider--bar-btn',
                             'data-type': '1',
+                            onMouseenter: handleBtnMouseenterEvent,
+                            onMouseleave: handleBtnMouseleaveEvent,
                             onMousedown: handleBtnMousedownEvent
                         }),
                     formReadonly
@@ -38340,6 +38508,8 @@ var VxeSliderComponent = defineVxeComponent({
                             ref: refEndBtnElem,
                             class: 'vxe-slider--bar-btn',
                             'data-type': '2',
+                            onMouseenter: handleBtnMouseenterEvent,
+                            onMouseleave: handleBtnMouseleaveEvent,
                             onMousedown: handleBtnMousedownEvent
                         })
                 ])
@@ -38415,6 +38585,26 @@ var VxeSpaceComponent = defineVxeComponent({
         align: {
             type: String,
             default: () => getConfig$3().space.align
+        },
+        fill: {
+            type: Boolean,
+            default: () => getConfig$3().space.fill
+        },
+        itemWidth: {
+            type: [String, Number],
+            default: () => getConfig$3().space.itemWidth
+        },
+        itemMinWidth: {
+            type: [String, Number],
+            default: () => getConfig$3().space.itemMinWidth
+        },
+        itemMaxWidth: {
+            type: [String, Number],
+            default: () => getConfig$3().space.itemMaxWidth
+        },
+        separatorWidth: {
+            type: [String, Number],
+            default: () => getConfig$3().space.separatorWidth
         }
     },
     emits: [],
@@ -38477,20 +38667,36 @@ var VxeSpaceComponent = defineVxeComponent({
         const spacePrivateMethods = {};
         Object.assign($xeSpace, spaceMethods, spacePrivateMethods);
         const renderItems = () => {
-            const { separator, itemClassName } = props;
+            const { separator, itemClassName, itemWidth, itemMinWidth, itemMaxWidth, separatorWidth } = props;
             const itemVNs = [];
             const defaultSlot = slots.default;
             const separatorSlot = slots.separator;
+            const srStys = {};
+            if (separatorWidth) {
+                srStys.width = toCssUnit(itemWidth);
+            }
+            const itemStys = {};
+            if (itemWidth) {
+                itemStys.width = toCssUnit(itemWidth);
+            }
+            if (itemMinWidth) {
+                itemStys.minWidth = toCssUnit(itemMinWidth);
+            }
+            if (itemMaxWidth) {
+                itemStys.maxWidth = toCssUnit(itemMaxWidth);
+            }
             if (defaultSlot) {
                 XEUtils.each(defaultSlot({}), (itemVN, index, items) => {
                     itemVNs.push(h('div', {
                         key: 'i' + index,
-                        class: ['vxe-space--item', getPropClass(itemClassName, { index })]
+                        class: ['vxe-space--item', getPropClass(itemClassName, { index })],
+                        style: itemStys
                     }, [itemVN]));
                     if ((separator || separatorSlot) && index < items.length - 1) {
                         itemVNs.push(h('div', {
                             key: 's' + index,
-                            class: 'vxe-space--separator'
+                            class: 'vxe-space--separator',
+                            style: srStys
                         }, separatorSlot ? separatorSlot({}) : ('' + separator)));
                     }
                 });
@@ -38498,7 +38704,7 @@ var VxeSpaceComponent = defineVxeComponent({
             return itemVNs;
         };
         const renderVN = () => {
-            const { vertical, wrap, className } = props;
+            const { vertical, wrap, className, fill, itemWidth, itemMinWidth, itemMaxWidth } = props;
             const wrapperStyle = computeWrapperStyle.value;
             const vSize = computeSize.value;
             return h('div', {
@@ -38506,7 +38712,9 @@ var VxeSpaceComponent = defineVxeComponent({
                 class: ['vxe-space', getPropClass(className, {}), {
                         [`size--${vSize}`]: vSize,
                         'is--wrap': wrap,
-                        'is--vertical': vertical
+                        'is--vertical': vertical,
+                        'is--fill': fill,
+                        'is--width': itemWidth || itemMinWidth || itemMaxWidth
                     }],
                 style: wrapperStyle
             }, renderItems());