vxe-pc-ui 4.18.22 → 4.18.23

package/dist/all.esm.js

@@ -101,7 +101,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.18.22"}`;
+const uiVersion = `ui v${"4.18.23"}`;
 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.18.22";
+const version = "4.18.23";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -37259,7 +37259,7 @@ var VxeScrollbarComponent = defineVxeComponent({
         const scrollbarPrivateMethods = {};
         Object.assign($xeScrollbar, scrollbarMethods, scrollbarPrivateMethods);
         const renderVN = () => {
-            const { native, loading } = props;
+            const { native, loading, autoResize } = props;
             const wrapperStyle = computeWrapperStyle.value;
             const wrapperClss = computeWrapperClss.value;
             const viewClss = computeViewClss.value;
@@ -37275,12 +37275,15 @@ var VxeScrollbarComponent = defineVxeComponent({
                     ref: refViewElem,
                     class: viewClss,
                     onScroll: scrollEvent
-                }, [
-                    h('div', {
-                        ref: refViewInnerElem,
-                        class: 'vxe-scrollbar--view-inner'
-                    }, defaultSlot ? defaultSlot({}) : [])
-                ]),
+                }, autoResize
+                    ? [
+                        h('div', {
+                            key: 'vi',
+                            ref: refViewInnerElem,
+                            class: 'vxe-scrollbar--view-inner'
+                        }, defaultSlot ? defaultSlot({}) : [])
+                    ]
+                    : defaultSlot ? defaultSlot({}) : []),
                 native || xOpts.visible === 'hidden'
                     ? renderEmptyElement($xeScrollbar)
                     : h('div', {
@@ -37322,6 +37325,24 @@ var VxeScrollbarComponent = defineVxeComponent({
             ]);
         };
         const reFlag = ref(0);
+        watch(() => props.height, () => {
+            reFlag.value++;
+        });
+        watch(() => props.width, () => {
+            reFlag.value++;
+        });
+        watch(() => props.minHeight, () => {
+            reFlag.value++;
+        });
+        watch(() => props.minWidth, () => {
+            reFlag.value++;
+        });
+        watch(() => props.maxHeight, () => {
+            reFlag.value++;
+        });
+        watch(() => props.maxWidth, () => {
+            reFlag.value++;
+        });
         watch(() => props.native, () => {
             reFlag.value++;
         });
@@ -37335,19 +37356,23 @@ var VxeScrollbarComponent = defineVxeComponent({
         });
         onMounted(() => {
             const { autoResize } = props;
+            const viewEl = refViewElem.value;
             const viewInnerEl = refViewInnerElem.value;
-            if (autoResize && viewInnerEl) {
+            if (autoResize) {
                 const resizeObserver = globalResize.create(() => {
                     if (props.autoResize) {
                         reFlag.value++;
                     }
                 });
-                resizeObserver.observe(viewInnerEl);
+                if (viewEl) {
+                    resizeObserver.observe(viewEl);
+                }
+                if (viewInnerEl) {
+                    resizeObserver.observe(viewInnerEl);
+                }
                 internalData.resizeObserver = resizeObserver;
             }
-            nextTick(() => {
-                $xeScrollbar.recalculate();
-            });
+            reFlag.value++;
         });
         onBeforeUnmount(() => {
             const { resizeObserver } = internalData;