pro-design-vue 1.3.17 → 1.3.19

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.3.17 */
+/*! Pro Design Vue v1.3.19 */
 
 import { Modal, theme as theme$1, ConfigProvider, App, Button as Button$1, Tooltip, Popconfirm, Dropdown, Menu, Slider, Drawer, Input, InputNumber, Form as Form$1, Space, Textarea, Select, TreeSelect, Checkbox as Checkbox$1, CheckboxGroup, RadioGroup, Radio as Radio$1, Cascader, Switch, Rate, DatePicker, RangePicker, TimePicker, TimeRangePicker, Upload, FormItemRest, Spin, message, Row as Row$1, Col, FormItem as FormItem$1, Steps, Popover, MenuItem, SubMenu, Empty, Badge, Tag, Pagination, InputSearch, Tree, Card, Tabs, TabPane } from 'ant-design-vue';
 import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, isVNode, Fragment, cloneVNode, provide, watch, computed, renderSlot, createPropsRestProxy, createBlock, openBlock, unref, mergeProps, withCtx, normalizeProps, guardReactiveProps, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, onMounted, hasInjectionContext, isRef, toRefs as toRefs$1, customRef, toRef as toRef$1, readonly, watchEffect, toRaw, createElementBlock, createCommentVNode, resolveDynamicComponent, createElementVNode, normalizeStyle, toDisplayString, normalizeClass, createSlots, createTextVNode, useAttrs, useTemplateRef, Teleport, onUnmounted, Comment as Comment$1, useSlots, useModel, withModifiers, mergeModels, renderList, camelize, isReactive, onActivated, onDeactivated, onBeforeUnmount, triggerRef, resolveDirective, withDirectives, vShow, render as render$1, resolveComponent, vModelText } from 'vue';
@@ -30,7 +30,7 @@ const SCROLL_FIXED_CLASS = `_scroll__fixed_`;
 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) => {
@@ -13993,6 +13993,9 @@ var FieldReadonly = /* @__PURE__ */ defineComponent({
       }
       return props.text;
     });
+    const getPopupContainer = () => {
+      return document.body;
+    };
     return () => {
       const dom = createVNode("div", {
         "class": cls.value,
@@ -14014,7 +14017,8 @@ var FieldReadonly = /* @__PURE__ */ defineComponent({
         if (title) {
           return createVNode(Tooltip, {
             "placement": "topLeft",
-            "title": title
+            "title": title,
+            "getPopupContainer": getPopupContainer
           }, _isSlot$8(dom) ? dom : {
             default: () => [dom]
           });
@@ -14025,6 +14029,14 @@ var FieldReadonly = /* @__PURE__ */ defineComponent({
   }
 });
 
+const FormListContextKey = Symbol("FormListContext");
+const useProvideFormList = (props) => {
+  provide(FormListContextKey, props);
+};
+const useInjectFormList = () => {
+  return inject(FormListContextKey, {});
+};
+
 const SLOT_NAMES$g = ["addonAfter", "addonBefore", "suffix", "prefix"];
 var FieldText = /* @__PURE__ */ defineComponent({
   name: "FieldText",
@@ -14058,6 +14070,9 @@ var FieldText = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const internalValue = computed({
       get: () => {
         return props.value;
@@ -14076,6 +14091,7 @@ var FieldText = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -14139,6 +14155,9 @@ var FieldDigit = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const slotsGetter = computed(() => {
       const temp = {};
       SLOT_NAMES$f.forEach((name) => {
@@ -14148,6 +14167,7 @@ var FieldDigit = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -14224,6 +14244,9 @@ var FieldDigitRange = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const formSlotsContext = useInjectSlots$1();
     const formItemContext = Form$1.useInjectFormItemContext();
     const fieldProps = computed(() => omit(attrs, ["class", "style"]));
@@ -14236,6 +14259,7 @@ var FieldDigitRange = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -14411,6 +14435,9 @@ var FieldPassword = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const internalValue = computed({
       get: () => props.value,
       set: (val) => {
@@ -14427,6 +14454,7 @@ var FieldPassword = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -14464,14 +14492,6 @@ function useFetchData$1(props) {
   return fetchData;
 }
 
-const FormListContextKey = Symbol("FormListContext");
-const useProvideFormList = (props) => {
-  provide(FormListContextKey, props);
-};
-const useInjectFormList = () => {
-  return inject(FormListContextKey, {});
-};
-
 function getType(obj) {
   const type = Object.prototype.toString.call(obj).match(/^\[object (.*)\]$/)[1].toLowerCase();
   if (type === "string" && typeof obj === "object") return "object";
@@ -14699,6 +14719,9 @@ var FieldSelect = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const formSlotsContext = useInjectSlots$1();
     const mergePaginationConfig = computed(() => {
       if (!props.pagination) {
@@ -14782,6 +14805,7 @@ var FieldSelect = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -14916,6 +14940,9 @@ var FieldTreeSelect = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const formSlotsContext = useInjectSlots$1();
     const {
       mergeOptions,
@@ -14961,6 +14988,7 @@ var FieldTreeSelect = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -15130,6 +15158,9 @@ var FieldRadioGroup = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const formSlotsContext = useInjectSlots$1();
     const {
       mergeOptions,
@@ -15184,7 +15215,8 @@ var FieldRadioGroup = /* @__PURE__ */ defineComponent({
               "props": {
                 option,
                 value: props.value,
-                formData: formData.value
+                formData: formData.value,
+                rowData: rowData == null ? void 0 : rowData.value
               }
             }, null) : option.label]
           });
@@ -15252,6 +15284,9 @@ var FieldCascader = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const formSlotsContext = useInjectSlots$1();
     const {
       mergeOptions,
@@ -15294,6 +15329,7 @@ var FieldCascader = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -15359,6 +15395,9 @@ var FieldSwitch = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const readValue = computed(() => {
       if (!props.value || props.value === attrs.unCheckedValue) {
         return props.unCheckedChildren || intl.getMessage("switch.open", "\u6253\u5F00");
@@ -15377,6 +15416,7 @@ var FieldSwitch = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -15422,6 +15462,9 @@ var FieldSlider = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const slotsGetter = computed(() => {
       const temp = {};
       SLOT_NAMES$8.forEach((name) => {
@@ -15431,6 +15474,7 @@ var FieldSlider = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -15479,6 +15523,9 @@ var FieldRate = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const slotsGetter = computed(() => {
       const temp = {};
       SLOT_NAMES$7.forEach((name) => {
@@ -15488,6 +15535,7 @@ var FieldRate = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -15744,6 +15792,9 @@ var FieldDatePicker = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const defaultFormat = computed(() => {
       var _a;
       const dataFormat = fieldDateFormatterMap[props.picker];
@@ -15778,6 +15829,7 @@ var FieldDatePicker = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -15877,6 +15929,9 @@ var FieldDateRangePicker = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const defaultFormat = computed(() => {
       var _a;
       const dataFormat = fieldDateFormatterMap[props.picker];
@@ -15912,6 +15967,7 @@ var FieldDateRangePicker = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -15982,6 +16038,9 @@ var FieldTimePicker = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const formSlotsContext = useInjectSlots$1();
     const format = computed(() => {
       var _a;
@@ -16007,6 +16066,7 @@ var FieldTimePicker = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -16095,6 +16155,9 @@ var FieldTimeRangePicker = /* @__PURE__ */ defineComponent({
     const {
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const formSlotsContext = useInjectSlots$1();
     const format = computed(() => {
       var _a;
@@ -16121,6 +16184,7 @@ var FieldTimeRangePicker = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -16227,6 +16291,9 @@ var FieldUploadButton = /* @__PURE__ */ defineComponent({
       prefixCls,
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const formSlotsContext = useInjectSlots$1();
     const fileList = ref([]);
     const formItemContext = Form$1.useInjectFormItemContext();
@@ -16241,6 +16308,7 @@ var FieldUploadButton = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -16254,7 +16322,8 @@ var FieldUploadButton = /* @__PURE__ */ defineComponent({
         return createVNode(RenderVNode$1, {
           "vnode": render,
           "props": {
-            formData: formData.value
+            formData: formData.value,
+            rowData: rowData == null ? void 0 : rowData.value
           }
         }, null);
       }
@@ -16266,7 +16335,8 @@ var FieldUploadButton = /* @__PURE__ */ defineComponent({
         return createVNode(RenderVNode$1, {
           "vnode": render,
           "props": {
-            formData: formData.value
+            formData: formData.value,
+            rowData: rowData == null ? void 0 : rowData.value
           }
         }, null);
       }
@@ -16278,7 +16348,8 @@ var FieldUploadButton = /* @__PURE__ */ defineComponent({
         return createVNode(RenderVNode$1, {
           "vnode": render,
           "props": {
-            formData: formData.value
+            formData: formData.value,
+            rowData: rowData == null ? void 0 : rowData.value
           }
         }, null);
       }
@@ -16452,6 +16523,9 @@ var FieldUploadDragger = /* @__PURE__ */ defineComponent({
       prefixCls,
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const intl = useIntl();
     const formSlotsContext = useInjectSlots$1();
     const fileList = ref([]);
@@ -16466,6 +16540,7 @@ var FieldUploadDragger = /* @__PURE__ */ defineComponent({
             "vnode": slot,
             "props": {
               formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value,
               ...props2 != null ? props2 : {}
             }
           }, null);
@@ -16479,7 +16554,8 @@ var FieldUploadDragger = /* @__PURE__ */ defineComponent({
         return createVNode(RenderVNode$1, {
           "vnode": render,
           "props": {
-            formData: formData.value
+            formData: formData.value,
+            rowData: rowData == null ? void 0 : rowData.value
           }
         }, null);
       }
@@ -16491,7 +16567,8 @@ var FieldUploadDragger = /* @__PURE__ */ defineComponent({
         return createVNode(RenderVNode$1, {
           "vnode": render,
           "props": {
-            formData: formData.value
+            formData: formData.value,
+            rowData: rowData == null ? void 0 : rowData.value
           }
         }, null);
       }
@@ -16503,7 +16580,8 @@ var FieldUploadDragger = /* @__PURE__ */ defineComponent({
         return createVNode(RenderVNode$1, {
           "vnode": render,
           "props": {
-            formData: formData.value
+            formData: formData.value,
+            rowData: rowData == null ? void 0 : rowData.value
           }
         }, null);
       }
@@ -17811,16 +17889,25 @@ var FormTitle = /* @__PURE__ */ defineComponent({
       prefixCls,
       formData
     } = useInjectForm();
+    const {
+      rowData
+    } = useInjectFormList();
     const title = computed(() => getSlot(props.title, formSlotsContext));
+    const getPopupContainer = () => {
+      return document.body;
+    };
     return () => createVNode(Fragment, null, [title.value && createVNode("span", {
       "class": `${prefixCls}-item-title-text`
     }, [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 && createVNode(Tooltip, null, {
+    }, null)]), props.tooltip && createVNode(Tooltip, {
+      "getPopupContainer": getPopupContainer
+    }, {
       default: () => [createVNode(QuestionCircleOutlined, {
         "class": `${prefixCls}-item-tooltip`,
         "style": "margin-right: 3px"
@@ -17829,7 +17916,8 @@ var FormTitle = /* @__PURE__ */ defineComponent({
         "vnode": title.value,
         "props": {
           formData: formData.value,
-          readonly: props.readonly
+          readonly: props.readonly,
+          rowData: rowData == null ? void 0 : rowData.value
         }
       }, null) : props.tooltip
     })]);
@@ -19626,7 +19714,7 @@ var FormItem = /* @__PURE__ */ defineComponent({
     });
     const formItemProps = 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 = computed(() => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -19636,7 +19724,7 @@ var FormItem = /* @__PURE__ */ defineComponent({
         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) => {
@@ -19645,7 +19733,7 @@ var FormItem = /* @__PURE__ */ defineComponent({
         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;
@@ -19660,7 +19748,7 @@ var FormItem = /* @__PURE__ */ defineComponent({
     };
     const fieldProps = 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}`,
@@ -19687,7 +19775,7 @@ var FormItem = /* @__PURE__ */ defineComponent({
     });
     const fieldStyle = 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
       };
@@ -19720,7 +19808,8 @@ var FormItem = /* @__PURE__ */ defineComponent({
           temp[name] = () => createVNode(RenderVNode$1, {
             "vnode": slot,
             "props": {
-              formData: formData.value
+              formData: formData.value,
+              rowData: rowData == null ? void 0 : rowData.value
             }
           }, null);
         }
@@ -19739,7 +19828,8 @@ var FormItem = /* @__PURE__ */ defineComponent({
         }, [createVNode(RenderVNode$1, {
           "vnode": extraRender,
           "props": {
-            formData: formData.value
+            formData: formData.value,
+            rowData: rowData == null ? void 0 : rowData.value
           }
         }, null)])]);
       }
@@ -19756,13 +19846,13 @@ var FormItem = /* @__PURE__ */ defineComponent({
           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);
           }
@@ -19807,6 +19897,7 @@ var FormItem = /* @__PURE__ */ defineComponent({
             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
@@ -19823,7 +19914,8 @@ var FormItem = /* @__PURE__ */ defineComponent({
           "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)])]);
       }
@@ -19840,7 +19932,8 @@ var FormItem = /* @__PURE__ */ defineComponent({
           "vnode": render,
           "props": {
             formData: formData.value,
-            defaultDom: formItemDom
+            defaultDom: formItemDom,
+            rowData: rowData == null ? void 0 : rowData.value
           }
         }, null) : formItemDom]
       });
@@ -20871,6 +20964,12 @@ const flatMapItems = (items, ignoreRules) => {
       };
     }
     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;
@@ -29667,7 +29766,11 @@ var _sfc_main$B = defineComponent({
     const popoverProps = computed(
       () => "boolean" == typeof showCellPopover.value ? {} : showCellPopover.value
     );
+    const getPopupContainer = () => {
+      return document.body;
+    };
     return {
+      getPopupContainer,
       isShowPopover,
       tableSlotsContext,
       title,
@@ -29711,37 +29814,34 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
       2
       /* CLASS */
     ),
-    _ctx.showCellPopover ? (openBlock(), createBlock(
-      _component_Popover,
-      normalizeProps(mergeProps({ key: 0 }, _ctx.popoverProps)),
-      createSlots({
-        content: withCtx(() => [
-          _ctx.tableSlotsContext.headerCellPopover ? (openBlock(), createBlock(_component_RenderVNode, {
-            key: 0,
-            vnode: _ctx.tableSlotsContext.headerCellPopover({
-              title: _ctx.column.title,
-              column: _ctx.column.originColumn
-            })
-          }, null, 8, ["vnode"])) : createCommentVNode("v-if", true)
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_ExclamationCircleOutlined, { style: { "margin-inline-start": "3px", "font-size": "12px" } })
-        ]),
-        _: 2
-        /* DYNAMIC */
-      }, [
-        !((_a = _ctx.popoverProps) == null ? void 0 : _a.title) ? {
-          name: "title",
-          fn: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.title)))
-          ]),
-          key: "0"
-        } : void 0
+    _ctx.showCellPopover ? (openBlock(), createBlock(_component_Popover, mergeProps({ key: 0 }, _ctx.popoverProps, { getPopupContainer: _ctx.getPopupContainer }), createSlots({
+      content: withCtx(() => [
+        _ctx.tableSlotsContext.headerCellPopover ? (openBlock(), createBlock(_component_RenderVNode, {
+          key: 0,
+          vnode: _ctx.tableSlotsContext.headerCellPopover({
+            title: _ctx.column.title,
+            column: _ctx.column.originColumn
+          })
+        }, null, 8, ["vnode"])) : createCommentVNode("v-if", true)
       ]),
-      1040
-      /* FULL_PROPS, DYNAMIC_SLOTS */
-    )) : createCommentVNode("v-if", true),
-    _ctx.column.headerTooltip ? (openBlock(), createBlock(_component_Tooltip, { key: 1 }, {
+      default: withCtx(() => [
+        createVNode(_component_ExclamationCircleOutlined, { style: { "margin-inline-start": "3px", "font-size": "12px" } })
+      ]),
+      _: 2
+      /* DYNAMIC */
+    }, [
+      !((_a = _ctx.popoverProps) == null ? void 0 : _a.title) ? {
+        name: "title",
+        fn: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.title)))
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["getPopupContainer"])) : createCommentVNode("v-if", true),
+    _ctx.column.headerTooltip ? (openBlock(), createBlock(_component_Tooltip, {
+      key: 1,
+      getPopupContainer: _ctx.getPopupContainer
+    }, {
       title: withCtx(() => [
         _ctx.column.headerTooltip === true ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.title), { key: 0 })) : (openBlock(), createElementBlock(
           Fragment,
@@ -29762,7 +29862,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 1
       /* STABLE */
-    })) : createCommentVNode("v-if", true)
+    }, 8, ["getPopupContainer"])) : createCommentVNode("v-if", true)
   ], 14, _hoisted_1$d);
 }
 var HeaderCellTitle = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$x]]);
@@ -30322,12 +30422,6 @@ var _sfc_main$x = defineComponent({
       },
       { immediate: true }
     );
-    const getPopupContainer = computed(
-      () => {
-        var _a, _b;
-        return (_b = (_a = props.column) == null ? void 0 : _a.getPopupContainer) != null ? _b : tableContext.props.getPopupContainer;
-      }
-    );
     const showFilterDropdown = ref(false);
     devWarning(
       !("onFilterDropdownVisibleChange" in props.column),
@@ -30422,6 +30516,9 @@ var _sfc_main$x = defineComponent({
       var _a;
       return !!((_a = filteredKeys.value) == null ? void 0 : _a.length);
     });
+    const getPopupContainer = () => {
+      return document.body;
+    };
     return {
       getPopupContainer,
       triggerOpen,
@@ -30761,9 +30858,13 @@ var _sfc_main$w = defineComponent({
       clearFilters,
       filters: props.column.filters
     }));
+    const getPopupContainer = () => {
+      return document.body;
+    };
     return {
       tableContext,
       sorterInfo,
+      getPopupContainer,
       handleSortClick: (column, nextSortOrder) => {
         if (!column.sorter) return;
         const sortState = {
@@ -30826,31 +30927,25 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass(_ctx.titleClass)
             },
             [
-              _ctx.column.sorter && _ctx.showSorterTooltip ? (openBlock(), createBlock(
-                _component_Tooltip,
-                normalizeProps(mergeProps({ key: 0 }, _ctx.tooltipProps)),
-                {
-                  title: withCtx(() => [
-                    createTextVNode(
-                      toDisplayString(_ctx.sorterInfo.tip),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  default: withCtx(() => [
-                    createElementVNode("div", {
-                      class: normalizeClass(`${_ctx.prefixCls}-column-sorters`),
-                      "data-tip": _ctx.sorterInfo.tip
-                    }, [
-                      createVNode(_component_Sorter, mergeProps({ column: _ctx.column }, _ctx.sorterInfo), null, 16, ["column"])
-                    ], 10, _hoisted_1$b)
-                  ]),
-                  _: 1
-                  /* STABLE */
-                },
-                16
-                /* FULL_PROPS */
-              )) : (openBlock(), createBlock(_component_Sorter, mergeProps({
+              _ctx.column.sorter && _ctx.showSorterTooltip ? (openBlock(), createBlock(_component_Tooltip, mergeProps({ key: 0 }, _ctx.tooltipProps, { getPopupContainer: _ctx.getPopupContainer }), {
+                title: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(_ctx.sorterInfo.tip),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                default: withCtx(() => [
+                  createElementVNode("div", {
+                    class: normalizeClass(`${_ctx.prefixCls}-column-sorters`),
+                    "data-tip": _ctx.sorterInfo.tip
+                  }, [
+                    createVNode(_component_Sorter, mergeProps({ column: _ctx.column }, _ctx.sorterInfo), null, 16, ["column"])
+                  ], 10, _hoisted_1$b)
+                ]),
+                _: 1
+                /* STABLE */
+              }, 16, ["getPopupContainer"])) : (openBlock(), createBlock(_component_Sorter, mergeProps({
                 key: 1,
                 column: _ctx.column
               }, _ctx.sorterInfo), null, 16, ["column"]))
@@ -31008,7 +31103,9 @@ var _sfc_main$v = defineComponent({
         }
         return autoHeight ? styles : { height: `${props.column.height}px` };
       }),
-      getPopupContainer: computed(() => tableContext.getPopupContainer.value),
+      getPopupContainer: () => {
+        return document.body;
+      },
       rowSelectionType,
       hideSelectAll,
       onSelectAllChange: () => {
@@ -36594,9 +36691,13 @@ var _sfc_main$c = defineComponent({
       };
       setColumnsMap(columnKeyMap);
     };
+    const getPopupContainer = () => {
+      return document.body;
+    };
     return {
       intl,
-      onClick
+      onClick,
+      getPopupContainer
     };
   }
 });
@@ -36633,6 +36734,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
         [
           _ctx.fixed !== "left" ? (openBlock(), createBlock(_component_Tooltip, {
             key: 0,
+            getPopupContainer: _ctx.getPopupContainer,
             title: _ctx.intl.getMessage("tableToolBar.leftPin", "\u56FA\u5B9A\u5728\u5217\u9996")
           }, {
             default: withCtx(() => [
@@ -36644,10 +36746,11 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["title"])) : createCommentVNode("v-if", true),
+          }, 8, ["getPopupContainer", "title"])) : createCommentVNode("v-if", true),
           !!_ctx.fixed ? (openBlock(), 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: withCtx(() => [
               createElementVNode("span", {
@@ -36658,10 +36761,11 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["title"])) : createCommentVNode("v-if", true),
+          }, 8, ["title", "getPopupContainer"])) : createCommentVNode("v-if", true),
           _ctx.fixed !== "right" ? (openBlock(), 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: withCtx(() => [
               createElementVNode("span", {
@@ -36672,7 +36776,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["title"])) : createCommentVNode("v-if", true)
+          }, 8, ["title", "getPopupContainer"])) : createCommentVNode("v-if", true)
         ],
         2
         /* CLASS */
@@ -38135,7 +38239,8 @@ var Table = /* @__PURE__ */ defineComponent({
     watch(() => counter.tableSize.value, () => {
       calcTableHeight();
     });
-    onMounted(() => {
+    onMounted(async () => {
+      await promiseTimeout(0);
       calcTableHeight();
     });
     expose({