pro-design-vue 1.3.17 → 1.3.19

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.3.17 */
+/*! Pro Design Vue v1.3.19 */
 
 (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.17";
+  const version$1 = "1.3.19";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -13995,6 +13995,9 @@
         }
         return props.text;
       });
+      const getPopupContainer = () => {
+        return document.body;
+      };
       return () => {
         const dom = vue.createVNode("div", {
           "class": cls.value,
@@ -14016,7 +14019,8 @@
           if (title) {
             return vue.createVNode(antDesignVue.Tooltip, {
               "placement": "topLeft",
-              "title": title
+              "title": title,
+              "getPopupContainer": getPopupContainer
             }, _isSlot$8(dom) ? dom : {
               default: () => [dom]
             });
@@ -14027,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",
@@ -14060,6 +14072,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const internalValue = vue.computed({
         get: () => {
           return props.value;
@@ -14078,6 +14093,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -14141,6 +14157,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const slotsGetter = vue.computed(() => {
         const temp = {};
         SLOT_NAMES$f.forEach((name) => {
@@ -14150,6 +14169,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -14226,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"]));
@@ -14238,6 +14261,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -14413,6 +14437,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const internalValue = vue.computed({
         get: () => props.value,
         set: (val) => {
@@ -14429,6 +14456,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -14466,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";
@@ -14701,6 +14721,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const mergePaginationConfig = vue.computed(() => {
         if (!props.pagination) {
@@ -14784,6 +14807,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -14918,6 +14942,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const {
         mergeOptions,
@@ -14963,6 +14990,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15132,6 +15160,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const {
         mergeOptions,
@@ -15186,7 +15217,8 @@
                 "props": {
                   option,
                   value: props.value,
-                  formData: formData.value
+                  formData: formData.value,
+                  rowData: rowData == null ? void 0 : rowData.value
                 }
               }, null) : option.label]
             });
@@ -15254,6 +15286,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const {
         mergeOptions,
@@ -15296,6 +15331,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15361,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");
@@ -15379,6 +15418,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15424,6 +15464,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const slotsGetter = vue.computed(() => {
         const temp = {};
         SLOT_NAMES$8.forEach((name) => {
@@ -15433,6 +15476,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15481,6 +15525,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const slotsGetter = vue.computed(() => {
         const temp = {};
         SLOT_NAMES$7.forEach((name) => {
@@ -15490,6 +15537,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15746,6 +15794,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const defaultFormat = vue.computed(() => {
         var _a;
         const dataFormat = fieldDateFormatterMap[props.picker];
@@ -15780,6 +15831,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15879,6 +15931,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const defaultFormat = vue.computed(() => {
         var _a;
         const dataFormat = fieldDateFormatterMap[props.picker];
@@ -15914,6 +15969,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -15984,6 +16040,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const format = vue.computed(() => {
         var _a;
@@ -16009,6 +16068,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -16097,6 +16157,9 @@
       const {
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const format = vue.computed(() => {
         var _a;
@@ -16123,6 +16186,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -16229,6 +16293,9 @@
         prefixCls,
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const formSlotsContext = useInjectSlots$1();
       const fileList = vue.ref([]);
       const formItemContext = antDesignVue.Form.useInjectFormItemContext();
@@ -16243,6 +16310,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -16256,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);
         }
@@ -16268,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);
         }
@@ -16280,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);
         }
@@ -16454,6 +16525,9 @@
         prefixCls,
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const intl = useIntl();
       const formSlotsContext = useInjectSlots$1();
       const fileList = vue.ref([]);
@@ -16468,6 +16542,7 @@
               "vnode": slot,
               "props": {
                 formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value,
                 ...props2 != null ? props2 : {}
               }
             }, null);
@@ -16481,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);
         }
@@ -16493,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);
         }
@@ -16505,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);
         }
@@ -17813,16 +17891,25 @@
         prefixCls,
         formData
       } = useInjectForm();
+      const {
+        rowData
+      } = useInjectFormList();
       const title = vue.computed(() => getSlot(props.title, formSlotsContext));
+      const getPopupContainer = () => {
+        return document.body;
+      };
       return () => vue.createVNode(vue.Fragment, null, [title.value && vue.createVNode("span", {
         "class": `${prefixCls}-item-title-text`
       }, [vue.createVNode(RenderVNode$1, {
         "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, null, {
+      }, null)]), props.tooltip && vue.createVNode(antDesignVue.Tooltip, {
+        "getPopupContainer": getPopupContainer
+      }, {
         default: () => [vue.createVNode(QuestionCircleOutlined, {
           "class": `${prefixCls}-item-tooltip`,
           "style": "margin-right: 3px"
@@ -17831,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
       })]);
@@ -19628,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;
@@ -19638,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) => {
@@ -19647,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;
@@ -19662,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}`,
@@ -19689,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
         };
@@ -19722,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);
           }
@@ -19741,7 +19830,8 @@
           }, [vue.createVNode(RenderVNode$1, {
             "vnode": extraRender,
             "props": {
-              formData: formData.value
+              formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value
             }
           }, null)])]);
         }
@@ -19758,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);
             }
@@ -19809,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
@@ -19825,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)])]);
         }
@@ -19842,7 +19934,8 @@
             "vnode": render,
             "props": {
               formData: formData.value,
-              defaultDom: formItemDom
+              defaultDom: formItemDom,
+              rowData: rowData == null ? void 0 : rowData.value
             }
           }, null) : formItemDom]
         });
@@ -20873,6 +20966,12 @@
         };
       }
       return item;
+    }).sort((a, b) => {
+      var _a2, _b;
+      if (b.order || a.order) {
+        return ((_a2 = b.order) != null ? _a2 : 0) - ((_b = a.order) != null ? _b : 0);
+      }
+      return 0;
     });
   };
   var _a;
@@ -29669,7 +29768,11 @@
       const popoverProps = vue.computed(
         () => "boolean" == typeof showCellPopover.value ? {} : showCellPopover.value
       );
+      const getPopupContainer = () => {
+        return document.body;
+      };
       return {
+        getPopupContainer,
         isShowPopover,
         tableSlotsContext,
         title,
@@ -29713,37 +29816,34 @@
         2
         /* CLASS */
       ),
-      _ctx.showCellPopover ? (vue.openBlock(), vue.createBlock(
-        _component_Popover,
-        vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.popoverProps)),
-        vue.createSlots({
-          content: vue.withCtx(() => [
-            _ctx.tableSlotsContext.headerCellPopover ? (vue.openBlock(), vue.createBlock(_component_RenderVNode, {
-              key: 0,
-              vnode: _ctx.tableSlotsContext.headerCellPopover({
-                title: _ctx.column.title,
-                column: _ctx.column.originColumn
-              })
-            }, null, 8, ["vnode"])) : vue.createCommentVNode("v-if", true)
-          ]),
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_ExclamationCircleOutlined, { style: { "margin-inline-start": "3px", "font-size": "12px" } })
-          ]),
-          _: 2
-          /* DYNAMIC */
-        }, [
-          !((_a = _ctx.popoverProps) == null ? void 0 : _a.title) ? {
-            name: "title",
-            fn: vue.withCtx(() => [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.title)))
-            ]),
-            key: "0"
-          } : void 0
+      _ctx.showCellPopover ? (vue.openBlock(), vue.createBlock(_component_Popover, vue.mergeProps({ key: 0 }, _ctx.popoverProps, { getPopupContainer: _ctx.getPopupContainer }), vue.createSlots({
+        content: vue.withCtx(() => [
+          _ctx.tableSlotsContext.headerCellPopover ? (vue.openBlock(), vue.createBlock(_component_RenderVNode, {
+            key: 0,
+            vnode: _ctx.tableSlotsContext.headerCellPopover({
+              title: _ctx.column.title,
+              column: _ctx.column.originColumn
+            })
+          }, null, 8, ["vnode"])) : vue.createCommentVNode("v-if", true)
         ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      )) : vue.createCommentVNode("v-if", true),
-      _ctx.column.headerTooltip ? (vue.openBlock(), vue.createBlock(_component_Tooltip, { key: 1 }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_ExclamationCircleOutlined, { style: { "margin-inline-start": "3px", "font-size": "12px" } })
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        !((_a = _ctx.popoverProps) == null ? void 0 : _a.title) ? {
+          name: "title",
+          fn: vue.withCtx(() => [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.title)))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["getPopupContainer"])) : vue.createCommentVNode("v-if", true),
+      _ctx.column.headerTooltip ? (vue.openBlock(), vue.createBlock(_component_Tooltip, {
+        key: 1,
+        getPopupContainer: _ctx.getPopupContainer
+      }, {
         title: vue.withCtx(() => [
           _ctx.column.headerTooltip === true ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.title), { key: 0 })) : (vue.openBlock(), vue.createElementBlock(
             vue.Fragment,
@@ -29764,7 +29864,7 @@
         ]),
         _: 1
         /* STABLE */
-      })) : vue.createCommentVNode("v-if", true)
+      }, 8, ["getPopupContainer"])) : vue.createCommentVNode("v-if", true)
     ], 14, _hoisted_1$d);
   }
   var HeaderCellTitle = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$x]]);
@@ -30324,12 +30424,6 @@
         },
         { immediate: true }
       );
-      const getPopupContainer = vue.computed(
-        () => {
-          var _a, _b;
-          return (_b = (_a = props.column) == null ? void 0 : _a.getPopupContainer) != null ? _b : tableContext.props.getPopupContainer;
-        }
-      );
       const showFilterDropdown = vue.ref(false);
       devWarning(
         !("onFilterDropdownVisibleChange" in props.column),
@@ -30424,6 +30518,9 @@
         var _a;
         return !!((_a = filteredKeys.value) == null ? void 0 : _a.length);
       });
+      const getPopupContainer = () => {
+        return document.body;
+      };
       return {
         getPopupContainer,
         triggerOpen,
@@ -30763,9 +30860,13 @@
         clearFilters,
         filters: props.column.filters
       }));
+      const getPopupContainer = () => {
+        return document.body;
+      };
       return {
         tableContext,
         sorterInfo,
+        getPopupContainer,
         handleSortClick: (column, nextSortOrder) => {
           if (!column.sorter) return;
           const sortState = {
@@ -30828,31 +30929,25 @@
                 class: vue.normalizeClass(_ctx.titleClass)
               },
               [
-                _ctx.column.sorter && _ctx.showSorterTooltip ? (vue.openBlock(), vue.createBlock(
-                  _component_Tooltip,
-                  vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.tooltipProps)),
-                  {
-                    title: vue.withCtx(() => [
-                      vue.createTextVNode(
-                        vue.toDisplayString(_ctx.sorterInfo.tip),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("div", {
-                        class: vue.normalizeClass(`${_ctx.prefixCls}-column-sorters`),
-                        "data-tip": _ctx.sorterInfo.tip
-                      }, [
-                        vue.createVNode(_component_Sorter, vue.mergeProps({ column: _ctx.column }, _ctx.sorterInfo), null, 16, ["column"])
-                      ], 10, _hoisted_1$b)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  },
-                  16
-                  /* FULL_PROPS */
-                )) : (vue.openBlock(), vue.createBlock(_component_Sorter, vue.mergeProps({
+                _ctx.column.sorter && _ctx.showSorterTooltip ? (vue.openBlock(), vue.createBlock(_component_Tooltip, vue.mergeProps({ key: 0 }, _ctx.tooltipProps, { getPopupContainer: _ctx.getPopupContainer }), {
+                  title: vue.withCtx(() => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(_ctx.sorterInfo.tip),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass(`${_ctx.prefixCls}-column-sorters`),
+                      "data-tip": _ctx.sorterInfo.tip
+                    }, [
+                      vue.createVNode(_component_Sorter, vue.mergeProps({ column: _ctx.column }, _ctx.sorterInfo), null, 16, ["column"])
+                    ], 10, _hoisted_1$b)
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 16, ["getPopupContainer"])) : (vue.openBlock(), vue.createBlock(_component_Sorter, vue.mergeProps({
                   key: 1,
                   column: _ctx.column
                 }, _ctx.sorterInfo), null, 16, ["column"]))
@@ -31010,7 +31105,9 @@
           }
           return autoHeight ? styles : { height: `${props.column.height}px` };
         }),
-        getPopupContainer: vue.computed(() => tableContext.getPopupContainer.value),
+        getPopupContainer: () => {
+          return document.body;
+        },
         rowSelectionType,
         hideSelectAll,
         onSelectAllChange: () => {
@@ -36596,9 +36693,13 @@
         };
         setColumnsMap(columnKeyMap);
       };
+      const getPopupContainer = () => {
+        return document.body;
+      };
       return {
         intl,
-        onClick
+        onClick,
+        getPopupContainer
       };
     }
   });
@@ -36635,6 +36736,7 @@
           [
             _ctx.fixed !== "left" ? (vue.openBlock(), vue.createBlock(_component_Tooltip, {
               key: 0,
+              getPopupContainer: _ctx.getPopupContainer,
               title: _ctx.intl.getMessage("tableToolBar.leftPin", "\u56FA\u5B9A\u5728\u5217\u9996")
             }, {
               default: vue.withCtx(() => [
@@ -36646,10 +36748,11 @@
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["title"])) : vue.createCommentVNode("v-if", true),
+            }, 8, ["getPopupContainer", "title"])) : vue.createCommentVNode("v-if", true),
             !!_ctx.fixed ? (vue.openBlock(), vue.createBlock(_component_Tooltip, {
               key: 1,
-              title: _ctx.intl.getMessage("tableToolBar.noPin", "\u4E0D\u56FA\u5B9A")
+              title: _ctx.intl.getMessage("tableToolBar.noPin", "\u4E0D\u56FA\u5B9A"),
+              getPopupContainer: _ctx.getPopupContainer
             }, {
               default: vue.withCtx(() => [
                 vue.createElementVNode("span", {
@@ -36660,10 +36763,11 @@
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["title"])) : vue.createCommentVNode("v-if", true),
+            }, 8, ["title", "getPopupContainer"])) : vue.createCommentVNode("v-if", true),
             _ctx.fixed !== "right" ? (vue.openBlock(), vue.createBlock(_component_Tooltip, {
               key: 2,
-              title: _ctx.intl.getMessage("tableToolBar.rightPin", "\u56FA\u5B9A\u5728\u5217\u5C3E")
+              title: _ctx.intl.getMessage("tableToolBar.rightPin", "\u56FA\u5B9A\u5728\u5217\u5C3E"),
+              getPopupContainer: _ctx.getPopupContainer
             }, {
               default: vue.withCtx(() => [
                 vue.createElementVNode("span", {
@@ -36674,7 +36778,7 @@
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["title"])) : vue.createCommentVNode("v-if", true)
+            }, 8, ["title", "getPopupContainer"])) : vue.createCommentVNode("v-if", true)
           ],
           2
           /* CLASS */
@@ -38137,7 +38241,8 @@
       vue.watch(() => counter.tableSize.value, () => {
         calcTableHeight();
       });
-      vue.onMounted(() => {
+      vue.onMounted(async () => {
+        await promiseTimeout(0);
         calcTableHeight();
       });
       expose({