vxe-pc-ui 4.19.1 → 4.19.3

package/dist/all.esm.js

@@ -101,7 +101,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.19.1"}`;
+const uiVersion = `ui v${"4.19.3"}`;
 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.19.1";
+const version = "4.19.3";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -29013,6 +29013,39 @@ var VxeScrollbarComponent = defineVxeComponent({
                     viewEl.scrollIntoView();
                 }
             },
+            setScrollTop(top) {
+                const viewEl = refViewElem.value;
+                if (viewEl) {
+                    viewEl.scrollTop = top;
+                }
+            },
+            setScrollLeft(left) {
+                const viewEl = refViewElem.value;
+                if (viewEl) {
+                    viewEl.scrollLeft = left;
+                }
+            },
+            getScrollTop() {
+                const viewEl = refViewElem.value;
+                if (viewEl) {
+                    return viewEl.scrollTop;
+                }
+                return 0;
+            },
+            getScrollLeft() {
+                const viewEl = refViewElem.value;
+                if (viewEl) {
+                    return viewEl.scrollLeft;
+                }
+                return 0;
+            },
+            clearScroll() {
+                const viewEl = refViewElem.value;
+                if (viewEl) {
+                    viewEl.scrollTop = 0;
+                    viewEl.scrollLeft = 0;
+                }
+            },
             recalculate() {
                 updateThumbSize();
                 updateThumbOffset();
@@ -29486,7 +29519,7 @@ var VxeLayoutAsideComponent = defineVxeComponent({
                  * 加载中
                  */
                 h(VxeLoading, {
-                    class: 'vxe-layout-aside--loading',
+                    class: 'vxe-layout-aside-view--loading',
                     modelValue: loading
                 })
             ]);
@@ -29623,7 +29656,7 @@ var VxeLayoutBodyComponent = defineVxeComponent({
                  * 加载中
                  */
                 h(VxeLoading, {
-                    class: 'vxe-list-view--loading',
+                    class: 'vxe-layout-body-view--loading',
                     modelValue: loading
                 }),
                 /**
@@ -30053,6 +30086,8 @@ var VxeMenuComponent = defineVxeComponent({
         const $xeLayoutAside = inject('$xeLayoutAside', null);
         const refElem = ref();
         const refCollapseElem = ref();
+        const refCollapseBodyElem = ref();
+        const refCollapseBodyScrollbar = ref();
         const { computeSize } = useSize(props);
         const reactData = reactive(createReactData$b());
         const internalData = createInternalData$a();
@@ -30217,16 +30252,21 @@ var VxeMenuComponent = defineVxeComponent({
                     const isCollapsed = computeIsCollapsed.value;
                     const el = refElem.value;
                     if (el) {
-                        const clientRect = el.getBoundingClientRect();
-                        const parentNode = el.parentNode;
-                        reactData.collapseStyle = isCollapsed
-                            ? {
-                                top: toCssUnit(clientRect.top),
-                                left: toCssUnit(clientRect.left),
-                                height: toCssUnit(parentNode.clientHeight),
-                                zIndex: reactData.collapseZindex
+                        let clientRect = el.getBoundingClientRect();
+                        const parentElement = el.parentElement;
+                        if (parentElement) {
+                            if (clientRect.top < 0) {
+                                clientRect = parentElement.getBoundingClientRect();
                             }
-                            : {};
+                            reactData.collapseStyle = isCollapsed
+                                ? {
+                                    top: toCssUnit(clientRect.top),
+                                    left: toCssUnit(clientRect.left),
+                                    height: toCssUnit(parentElement.clientHeight),
+                                    zIndex: reactData.collapseZindex
+                                }
+                                : {};
+                        }
                     }
                 });
             }
@@ -30359,6 +30399,14 @@ var VxeMenuComponent = defineVxeComponent({
             }
         };
         const handleMenuMouseleave = () => {
+            const $collapseBodyScrollbar = refCollapseBodyScrollbar.value;
+            const collapseBodyEl = refCollapseBodyElem.value;
+            if (collapseBodyEl) {
+                collapseBodyEl.scrollTop = 0;
+            }
+            if ($collapseBodyScrollbar) {
+                $collapseBodyScrollbar.clearScroll();
+            }
             reactData.isEnterCollapse = false;
         };
         const callSlot = (slotFunc, params) => {
@@ -30627,11 +30675,12 @@ var VxeMenuComponent = defineVxeComponent({
                                     class: 'vxe-menu--header'
                                 }, headerSlot(stParams))
                                 : renderEmptyElement$1($xeMenu),
-                            useScrollbar
-                                ? h(VxeScrollbar, Object.assign(Object.assign({ class: 'vxe-menu--scrollbar-body' }, scrollbarOpts), { viewClassName: 'vxe-menu--body-view' + (viewClassName ? (' ' + viewClassName) : ''), viewInnerClassName: 'vxe-menu--body-inner' + (viewClassName ? (' ' + viewInnerClassName) : '') }), {
+                            useScrollbar && isEnterCollapse
+                                ? h(VxeScrollbar, Object.assign(Object.assign({ ref: refCollapseBodyScrollbar, class: 'vxe-menu--scrollbar-body' }, scrollbarOpts), { viewClassName: 'vxe-menu--scrollbar-body-view' + (viewClassName ? (' ' + viewClassName) : ''), viewInnerClassName: 'vxe-menu--scrollbar-body-inner' + (viewClassName ? (' ' + viewInnerClassName) : '') }), {
                                     default: () => menuList.map(child => renderDefaultChildren(child, menuList))
                                 })
                                 : h('div', {
+                                    ref: refCollapseBodyElem,
                                     class: 'vxe-menu--body'
                                 }, menuList.map(child => renderDefaultChildren(child, menuList))),
                             footerSlot