vxe-pc-ui 4.18.22 → 4.18.23

package/lib/index.umd.js

@@ -4745,7 +4745,7 @@ function checkDynamic() {
 const {
   log: log_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}` : '';
@@ -4763,7 +4763,7 @@ const errLog = log_log.create('error', uiVersion);
 
 
 
-const ui_version = "4.18.22";
+const ui_version = "4.18.23";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -46015,7 +46015,8 @@ function scrollbar_createInternalData() {
     const renderVN = () => {
       const {
         native,
-        loading
+        loading,
+        autoResize
       } = props;
       const wrapperStyle = computeWrapperStyle.value;
       const wrapperClss = computeWrapperClss.value;
@@ -46031,10 +46032,11 @@ function scrollbar_createInternalData() {
         ref: refViewElem,
         class: viewClss,
         onScroll: scrollEvent
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, autoResize ? [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+        key: 'vi',
         ref: refViewInnerElem,
         class: 'vxe-scrollbar--view-inner'
-      }, defaultSlot ? defaultSlot({}) : [])]), native || xOpts.visible === 'hidden' ? scrollbar_renderEmptyElement($xeScrollbar) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
+      }, defaultSlot ? defaultSlot({}) : [])] : defaultSlot ? defaultSlot({}) : []), native || xOpts.visible === 'hidden' ? scrollbar_renderEmptyElement($xeScrollbar) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.h)('div', {
         ref: refTrackXElem,
         class: 'vxe-scrollbar--track-x',
         onClick: clickTrackXEvent
@@ -46064,6 +46066,24 @@ function scrollbar_createInternalData() {
       })]);
     };
     const reFlag = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(0);
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.height, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.width, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.minHeight, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.minWidth, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.maxHeight, () => {
+      reFlag.value++;
+    });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.maxWidth, () => {
+      reFlag.value++;
+    });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.native, () => {
       reFlag.value++;
     });
@@ -46079,19 +46099,23 @@ function scrollbar_createInternalData() {
       const {
         autoResize
       } = props;
+      const viewEl = refViewElem.value;
       const viewInnerEl = refViewInnerElem.value;
-      if (autoResize && viewInnerEl) {
+      if (autoResize) {
         const resizeObserver = scrollbar_globalResize.create(() => {
           if (props.autoResize) {
             reFlag.value++;
           }
         });
-        resizeObserver.observe(viewInnerEl);
+        if (viewEl) {
+          resizeObserver.observe(viewEl);
+        }
+        if (viewInnerEl) {
+          resizeObserver.observe(viewInnerEl);
+        }
         internalData.resizeObserver = resizeObserver;
       }
-      (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
-        $xeScrollbar.recalculate();
-      });
+      reFlag.value++;
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
       const {