pro-design-vue 1.3.18 → 1.3.20

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.3.18 */
+/*! Pro Design Vue v1.3.20 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ant-design-vue'), require('vue'), require('ant-design-vue/es/locale/zh_CN.js')) :
@@ -32,7 +32,7 @@
   const DEFAULT_NAMESPACE = "pro";
   const DEFAULT_LOCALE = "zh-CN";
 
-  const version$1 = "1.3.18";
+  const version$1 = "1.3.20";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -14031,6 +14031,14 @@
     }
   });
 
+  const FormListContextKey = Symbol("FormListContext");
+  const useProvideFormList = (props) => {
+    vue.provide(FormListContextKey, props);
+  };
+  const useInjectFormList = () => {
+    return vue.inject(FormListContextKey, {});
+  };
+
   const SLOT_NAMES$g = ["addonAfter", "addonBefore", "suffix", "prefix"];
   var FieldText = /* @__PURE__ */ vue.defineComponent({
     name: "FieldText",
@@ -14064,6 +14072,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const internalValue = vue.computed({
         get: () => {
           return props.value;
@@ -14082,6 +14093,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -14145,6 +14157,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const slotsGetter = vue.computed(() => {
         const temp = {};
         SLOT_NAMES$f.forEach((name) => {
@@ -14154,6 +14169,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -14230,6 +14246,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const formItemContext = antDesignVue.Form.useInjectFormItemContext();
       const fieldProps = vue.computed(() => omit(attrs, ["class", "style"]));
@@ -14242,6 +14261,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -14417,6 +14437,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const internalValue = vue.computed({
         get: () => props.value,
         set: (val) => {
@@ -14433,6 +14456,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -14470,14 +14494,6 @@
     return fetchData;
   }
 
-  const FormListContextKey = Symbol("FormListContext");
-  const useProvideFormList = (props) => {
-    vue.provide(FormListContextKey, props);
-  };
-  const useInjectFormList = () => {
-    return vue.inject(FormListContextKey, {});
-  };
-
   function getType(obj) {
     const type = Object.prototype.toString.call(obj).match(/^\[object (.*)\]$/)[1].toLowerCase();
     if (type === "string" && typeof obj === "object") return "object";
@@ -14705,6 +14721,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const mergePaginationConfig = vue.computed(() => {
         if (!props.pagination) {
@@ -14788,6 +14807,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -14922,6 +14942,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const {
         mergeOptions,
@@ -14967,6 +14990,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15136,6 +15160,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const {
         mergeOptions,
@@ -15190,7 +15217,8 @@
                 "props": {
                   option,
                   value: props.value,
-                  formData: formData.value
+                  formData: formData.value,
+                  rowData: rowData == null ? void 0 : rowData.value
                 }
               }, null) : option.label]
             });
@@ -15258,6 +15286,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const {
         mergeOptions,
@@ -15300,6 +15331,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15365,6 +15397,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const readValue = vue.computed(() => {
         if (!props.value || props.value === attrs.unCheckedValue) {
           return props.unCheckedChildren || intl.getMessage("switch.open", "\u6253\u5F00");
@@ -15383,6 +15418,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15428,6 +15464,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const slotsGetter = vue.computed(() => {
         const temp = {};
         SLOT_NAMES$8.forEach((name) => {
@@ -15437,6 +15476,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15485,6 +15525,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const slotsGetter = vue.computed(() => {
         const temp = {};
         SLOT_NAMES$7.forEach((name) => {
@@ -15494,6 +15537,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15750,6 +15794,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const defaultFormat = vue.computed(() => {
         var _a;
         const dataFormat = fieldDateFormatterMap[props.picker];
@@ -15784,6 +15831,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15883,6 +15931,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const defaultFormat = vue.computed(() => {
         var _a;
         const dataFormat = fieldDateFormatterMap[props.picker];
@@ -15918,6 +15969,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15988,6 +16040,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const format = vue.computed(() => {
         var _a;
@@ -16013,6 +16068,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -16101,6 +16157,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const format = vue.computed(() => {
         var _a;
@@ -16127,6 +16186,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -16233,6 +16293,9 @@
         prefixCls,
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const fileList = vue.ref([]);
       const formItemContext = antDesignVue.Form.useInjectFormItemContext();
@@ -16247,6 +16310,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -16260,7 +16324,8 @@
           return vue.createVNode(RenderVNode$1, {
             "vnode": render,
             "props": {
-              formData: formData.value
+              formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value
             }
           }, null);
         }
@@ -16272,7 +16337,8 @@
           return vue.createVNode(RenderVNode$1, {
             "vnode": render,
             "props": {
-              formData: formData.value
+              formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value
             }
           }, null);
         }
@@ -16284,7 +16350,8 @@
           return vue.createVNode(RenderVNode$1, {
             "vnode": render,
             "props": {
-              formData: formData.value
+              formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value
             }
           }, null);
         }
@@ -16458,6 +16525,9 @@
         prefixCls,
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const intl = useIntl();
       const formSlotsContext = useInjectSlots$1();
       const fileList = vue.ref([]);
@@ -16472,6 +16542,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -16485,7 +16556,8 @@
           return vue.createVNode(RenderVNode$1, {
             "vnode": render,
             "props": {
-              formData: formData.value
+              formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value
             }
           }, null);
         }
@@ -16497,7 +16569,8 @@
           return vue.createVNode(RenderVNode$1, {
             "vnode": render,
             "props": {
-              formData: formData.value
+              formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value
             }
           }, null);
         }
@@ -16509,7 +16582,8 @@
           return vue.createVNode(RenderVNode$1, {
             "vnode": render,
             "props": {
-              formData: formData.value
+              formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value
             }
           }, null);
         }
@@ -17817,6 +17891,9 @@
         prefixCls,
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const title = vue.computed(() => getSlot(props.title, formSlotsContext));
       const getPopupContainer = () => {
         return document.body;
@@ -17827,7 +17904,8 @@
         "vnode": title.value,
         "props": {
           formData: formData.value,
-          readonly: props.readonly
+          readonly: props.readonly,
+          rowData: rowData == null ? void 0 : rowData.value
         }
       }, null)]), props.tooltip && vue.createVNode(antDesignVue.Tooltip, {
         "getPopupContainer": getPopupContainer
@@ -17840,7 +17918,8 @@
           "vnode": title.value,
           "props": {
             formData: formData.value,
-            readonly: props.readonly
+            readonly: props.readonly,
+            rowData: rowData == null ? void 0 : rowData.value
           }
         }, null) : props.tooltip
       })]);
@@ -19637,7 +19716,7 @@
       });
       const formItemProps = vue.computed(() => {
         var _a;
-        return (_a = runFunction(props.item.formItemProps, formData.value)) != null ? _a : {};
+        return (_a = runFunction(props.item.formItemProps, formData.value, rowData == null ? void 0 : rowData.value)) != null ? _a : {};
       });
       const restItemProps = vue.computed(() => {
         var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -19647,7 +19726,7 @@
           wrapperCol: (_d = (_c = formItemProps.value) == null ? void 0 : _c.wrapperCol) != null ? _d : wrapperCol == null ? void 0 : wrapperCol.value,
           name: mergeReadonly.value ? void 0 : props.item.name,
           htmlFor: mergeReadonly.value ? void 0 : (_g = (_e = formItemProps.value) == null ? void 0 : _e.htmlFor) != null ? _g : `form-${(_f = formKey.value) != null ? _f : ""}-${props.item.key}`,
-          rules: mergeReadonly.value ? void 0 : runFunction((_h = props.item.rules) != null ? _h : formItemProps.value.rules, formData.value, action)
+          rules: mergeReadonly.value ? void 0 : runFunction((_h = props.item.rules) != null ? _h : formItemProps.value.rules, formData.value, action, rowData == null ? void 0 : rowData.value)
         });
       });
       const clearOnChange = (newValue) => {
@@ -19656,7 +19735,7 @@
           clear
         } = (_a = props.item.linkage) != null ? _a : {};
         if (clear) {
-          const clearNamePaths = (_b = runFunction(clear, newValue, formData.value)) != null ? _b : [];
+          const clearNamePaths = (_b = runFunction(clear, newValue, formData.value, rowData == null ? void 0 : rowData.value)) != null ? _b : [];
           if (clearNamePaths.length > 0) {
             clearNamePaths.forEach((namePath) => {
               var _a2;
@@ -19671,7 +19750,7 @@
       };
       const fieldProps = vue.computed(() => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-        const baseProps = runFunction((_a = props.item.fieldProps) != null ? _a : {}, formData.value);
+        const baseProps = runFunction((_a = props.item.fieldProps) != null ? _a : {}, formData.value, rowData == null ? void 0 : rowData.value);
         const mergeProps = {
           ...baseProps,
           id: (_c = baseProps == null ? void 0 : baseProps.id) != null ? _c : `form-${(_b = formKey.value) != null ? _b : ""}-${props.item.key}`,
@@ -19698,7 +19777,7 @@
       });
       const fieldStyle = vue.computed(() => {
         var _a;
-        const baseProps = runFunction((_a = props.item.fieldProps) != null ? _a : {}, formData.value);
+        const baseProps = runFunction((_a = props.item.fieldProps) != null ? _a : {}, formData.value, rowData == null ? void 0 : rowData.value);
         const newStyle = {
           ...baseProps == null ? void 0 : baseProps.style
         };
@@ -19731,7 +19810,8 @@
             temp[name] = () => vue.createVNode(RenderVNode$1, {
               "vnode": slot,
               "props": {
-                formData: formData.value
+                formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value
               }
             }, null);
           }
@@ -19750,7 +19830,8 @@
           }, [vue.createVNode(RenderVNode$1, {
             "vnode": extraRender,
             "props": {
-              formData: formData.value
+              formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value
             }
           }, null)])]);
         }
@@ -19767,13 +19848,13 @@
             disabled
           } = linkage;
           if (hidden) {
-            const hiddenKeys2 = (_a = runFunction(hidden, newValue, formData.value)) != null ? _a : [];
+            const hiddenKeys2 = (_a = runFunction(hidden, newValue, formData.value, rowData == null ? void 0 : rowData.value)) != null ? _a : [];
             if (!isEqual(hiddenKeys2, linkageHiddenKeys.value)) {
               updateHiddenKeys(props.item.key, isList ? hiddenKeys2.map((key) => `${listKey}_${key}`) : hiddenKeys2);
             }
           }
           if (disabled) {
-            const disabledKeys2 = (_b = runFunction(disabled, newValue, formData.value)) != null ? _b : [];
+            const disabledKeys2 = (_b = runFunction(disabled, newValue, formData.value, rowData == null ? void 0 : rowData.value)) != null ? _b : [];
             if (!isEqual(disabledKeys2, linkageDisabledKeys.value)) {
               updateDisabledKeys(props.item.key, isList ? disabledKeys2.map((key) => `${listKey}_${key}`) : disabledKeys2);
             }
@@ -19818,6 +19899,7 @@
               onChange: fieldProps.value.onChange,
               defaultDom,
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               action,
               listName: listName == null ? void 0 : listName.value,
               name: props.item.name
@@ -19834,7 +19916,8 @@
             "props": {
               formData: formData.value,
               listName: listName == null ? void 0 : listName.value,
-              name: props.item.name
+              name: props.item.name,
+              rowData: rowData == null ? void 0 : rowData.value
             }
           }, null)])]);
         }
@@ -19851,7 +19934,8 @@
             "vnode": render,
             "props": {
               formData: formData.value,
-              defaultDom: formItemDom
+              defaultDom: formItemDom,
+              rowData: rowData == null ? void 0 : rowData.value
             }
           }, null) : formItemDom]
         });
@@ -24632,6 +24716,7 @@
     const hasFullScreen = vue.ref(false);
     const { componentSize, table } = useProConfigInject();
     const sortKeyColumns = vue.ref([]);
+    const [scrollViewportHeight, setScrollViewportHeight] = useState(0);
     const [tableSize, setTableSize] = useMergedState$1(
       () => {
         var _a2, _b, _c, _d;
@@ -24773,6 +24858,8 @@
       hasFullScreen,
       rootDomRef,
       tableSize,
+      scrollViewportHeight,
+      setScrollViewportHeight,
       setTableSize,
       sortKeyColumns,
       setSortKeyColumns: (keys) => {
@@ -24874,6 +24961,23 @@
     return flatColumns;
   };
 
+  let isMacOsUserAgentCache;
+  function isMacOsUserAgent() {
+    if (!isMacOsUserAgentCache) {
+      isMacOsUserAgentCache = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
+    }
+    return isMacOsUserAgentCache;
+  }
+  let isIOSUserAgentCache;
+  function isIOSUserAgent() {
+    if (!isIOSUserAgentCache) {
+      isIOSUserAgentCache = (/iPad|iPhone|iPod/.test(navigator.platform) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 1) && !window.MSStream;
+    }
+    return isIOSUserAgentCache;
+  }
+  const chrome = /Chrome\/(\d+)/.exec(navigator.userAgent);
+  chrome && +chrome[1];
+
   function useMergedState(defaultStateValue, option) {
     const { defaultValue, value = vue.ref() } = option || {};
     let initValue = typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue;
@@ -28969,23 +29073,6 @@
     return vue.inject(HeaderContextKey, {});
   };
 
-  let isMacOsUserAgentCache;
-  function isMacOsUserAgent() {
-    if (!isMacOsUserAgentCache) {
-      isMacOsUserAgentCache = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
-    }
-    return isMacOsUserAgentCache;
-  }
-  let isIOSUserAgentCache;
-  function isIOSUserAgent() {
-    if (!isIOSUserAgentCache) {
-      isIOSUserAgentCache = (/iPad|iPhone|iPod/.test(navigator.platform) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 1) && !window.MSStream;
-    }
-    return isIOSUserAgentCache;
-  }
-  const chrome = /Chrome\/(\d+)/.exec(navigator.userAgent);
-  chrome && +chrome[1];
-
   function addClass(node, className) {
     if ((node == null ? void 0 : node.classList) && className) {
       const clases = Array.isArray(className) ? className : className.split(" ");
@@ -29010,6 +29097,7 @@
     },
     setup: (props) => {
       const tableContext = useInjectTable();
+      const counter = useInjectContainer();
       const prefixCls = vue.computed(() => `${tableContext.props.prefixCls}`);
       const scrollViewportRef = vue.ref();
       const rootRef = vue.ref();
@@ -29026,10 +29114,10 @@
       });
       const isApple = isMacOsUserAgent() || isIOSUserAgent();
       const stickyStyle = vue.computed(() => {
-        const scrollBarSize = `-${tableContext.scrollBarSize.value || 15}px`;
         const horizontalScrollSticky = tableContext.props.horizontalScrollSticky;
-        const paginationSticky = tableContext.props.paginationSticky;
-        if (horizontalScrollSticky === true) {
+        const scrollBarSize = `-${tableContext.scrollBarSize.value || 15}px`;
+        if (horizontalScrollSticky === true && !counter.hasFullScreen.value && !tableContext.props.height) {
+          const paginationSticky = tableContext.props.paginationSticky;
           let bottom = 0;
           if (tableContext.pos.value.bottom && !!paginationSticky) {
             bottom += paginationSticky === true ? tableContext.bottomPaginationHeight.value : (paginationSticky.offsetBottom || 0) + tableContext.bottomPaginationHeight.value;
@@ -29041,7 +29129,9 @@
             marginTop: isApple ? scrollBarSize : 0
           };
         }
-        return {};
+        return {
+          marginTop: isApple ? scrollBarSize : 0
+        };
       });
       const isIosScroll = vue.computed(() => 0 === tableContext.scrollBarSize.value && isApple);
       const rootClass = vue.computed(() => ({
@@ -29082,6 +29172,7 @@
       };
       vue.onMounted(() => {
         vue.watch(scrollViewportRef, () => {
+          var _a, _b;
           if (scrollViewportRef.value) {
             removeHScrollDom(scrollViewportRef.value);
             scrollViewportRef.value.removeEventListener("scroll", onScroll);
@@ -29089,6 +29180,7 @@
             scrollViewportRef.value.addEventListener("scroll", onScroll, {
               passive: true
             });
+            counter.setScrollViewportHeight(((_b = (_a = scrollViewportRef.value) == null ? void 0 : _a.getBoundingClientRect()) == null ? void 0 : _b.height) || 0);
           }
         }, {
           immediate: true
@@ -35836,7 +35928,7 @@
       const bottomPaginationHeight = vue.ref(0);
       const bottomPaginationStyle = vue.computed(() => {
         var _a, _b;
-        if (!props.paginationSticky) {
+        if (!props.paginationSticky || counter.hasFullScreen.value || !!props.height) {
           return {};
         }
         if (props.paginationSticky === true) {
@@ -35845,7 +35937,7 @@
         return {
           position: "sticky",
           "z-index": 9,
-          bottom: counter.hasFullScreen.value ? "0px" : `${(_b = (_a = props.paginationSticky) == null ? void 0 : _a.offsetBottom) != null ? _b : 0}px`
+          bottom: `${(_b = (_a = props.paginationSticky) == null ? void 0 : _a.offsetBottom) != null ? _b : 0}px`
         };
       });
       const indentSize = vue.computed(() => typeof props.indentSize == "number" ? props.indentSize : 15);
@@ -37852,6 +37944,7 @@
         dark
       } = useProConfigInject();
       const prefixCls = usePrefixCls("table");
+      const isApple = isMacOsUserAgent() || isIOSUserAgent();
       const {
         hoverRowKey
       } = useProvideHover({
@@ -38148,13 +38241,13 @@
         var _a2, _b2, _c, _d, _e, _f, _g;
         if (props.autoHeight || counter.hasFullScreen.value) {
           await vue.nextTick();
-          const height = window.innerHeight - (((_c = (_b2 = (_a2 = tableRef.value) == null ? void 0 : _a2.rootRef) == null ? void 0 : _b2.getBoundingClientRect()) == null ? void 0 : _c.top) || 0) - (((_f = (_e = (_d = tableRef.value) == null ? void 0 : _d.paginationRef) == null ? void 0 : _e.getBoundingClientRect()) == null ? void 0 : _f.height) || 0);
+          const height = window.innerHeight - (((_c = (_b2 = (_a2 = tableRef.value) == null ? void 0 : _a2.rootRef) == null ? void 0 : _b2.getBoundingClientRect()) == null ? void 0 : _c.top) || 0) - (((_f = (_e = (_d = tableRef.value) == null ? void 0 : _d.paginationRef) == null ? void 0 : _e.getBoundingClientRect()) == null ? void 0 : _f.height) || 0) - (!isApple ? counter.scrollViewportHeight.value : 0);
           tableHeight.value = typeof props.autoHeight === "function" && !counter.hasFullScreen.value ? (_g = props.autoHeight) == null ? void 0 : _g.call(props, height) : height;
         } else {
           tableHeight.value = props.height;
         }
       };
-      vue.watch(() => counter.tableSize.value, () => {
+      vue.watch([counter.tableSize, counter.scrollViewportHeight], () => {
         calcTableHeight();
       });
       vue.onMounted(async () => {