element-plus 2.8.3 → 2.8.4

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.8.3 */
+/*! Element Plus v2.8.4 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11559,7 +11559,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.8.3";
+  const version$1 = "2.8.4";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -14670,8 +14670,10 @@
         wrapElement: wrapRef
       }));
       vue.onActivated(() => {
-        wrapRef.value.scrollTop = wrapScrollTop;
-        wrapRef.value.scrollLeft = wrapScrollLeft;
+        if (wrapRef.value) {
+          wrapRef.value.scrollTop = wrapScrollTop;
+          wrapRef.value.scrollLeft = wrapScrollLeft;
+        }
       });
       vue.onMounted(() => {
         if (!props.native)
@@ -16621,7 +16623,8 @@
         focus,
         blur,
         close,
-        highlight
+        highlight,
+        getData
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
@@ -18857,6 +18860,15 @@
       default: true
     },
     unlinkPanels: Boolean,
+    placement: {
+      type: definePropType(String),
+      values: Ee,
+      default: "bottom"
+    },
+    fallbackPlacements: {
+      type: definePropType(Array),
+      default: ["bottom", "top", "right", "left"]
+    },
     ...useEmptyValuesProps,
     ...useAriaProps(["ariaLabel"])
   });
@@ -19344,8 +19356,9 @@
           transition: `${vue.unref(nsDate).namespace.value}-zoom-in-top`,
           "popper-class": [`${vue.unref(nsDate).namespace.value}-picker__popper`, _ctx.popperClass],
           "popper-options": vue.unref(elPopperOptions),
-          "fallback-placements": ["bottom", "top", "right", "left"],
+          "fallback-placements": _ctx.fallbackPlacements,
           "gpu-acceleration": false,
+          placement: _ctx.placement,
           "stop-popper-mouse-event": false,
           "hide-after": 0,
           persistent: "",
@@ -19501,7 +19514,7 @@
             })
           ]),
           _: 3
-        }, 16, ["visible", "transition", "popper-class", "popper-options"]);
+        }, 16, ["visible", "transition", "popper-class", "popper-options", "fallback-placements", "placement"]);
       };
     }
   });
@@ -21563,7 +21576,7 @@
       });
       const carouselContainer = vue.computed(() => {
         const classes = [ns.e("container")];
-        if (props.motionBlur && vue.unref(isTransitioning)) {
+        if (props.motionBlur && vue.unref(isTransitioning) && items.value.length > 1) {
           classes.push(vue.unref(isVertical) ? `${ns.namespace.value}-transitioning-vertical` : `${ns.namespace.value}-transitioning`);
         }
         return classes;
@@ -22224,7 +22237,7 @@
           onClick: vue.unref(onClickRoot)
         }, {
           default: vue.withCtx(() => {
-            var _a, _b;
+            var _a, _b, _c, _d;
             return [
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(vue.unref(spanKls))
@@ -22239,8 +22252,8 @@
                   name: _ctx.name,
                   tabindex: _ctx.tabindex,
                   disabled: vue.unref(isDisabled),
-                  "true-value": (_a = _ctx.trueValue) != null ? _a : _ctx.trueLabel,
-                  "false-value": (_b = _ctx.falseValue) != null ? _b : _ctx.falseLabel,
+                  "true-value": (_b = (_a = _ctx.trueValue) != null ? _a : _ctx.trueLabel) != null ? _b : true,
+                  "false-value": (_d = (_c = _ctx.falseValue) != null ? _c : _ctx.falseLabel) != null ? _d : false,
                   onChange: vue.unref(handleChange),
                   onFocus: ($event) => isFocused.value = true,
                   onBlur: ($event) => isFocused.value = false,
@@ -22330,7 +22343,7 @@
         ];
       });
       return (_ctx, _cache) => {
-        var _a, _b;
+        var _a, _b, _c, _d;
         return vue.openBlock(), vue.createElementBlock("label", {
           class: vue.normalizeClass(vue.unref(labelKls))
         }, [
@@ -22342,8 +22355,8 @@
             name: _ctx.name,
             tabindex: _ctx.tabindex,
             disabled: vue.unref(isDisabled),
-            "true-value": (_a = _ctx.trueValue) != null ? _a : _ctx.trueLabel,
-            "false-value": (_b = _ctx.falseValue) != null ? _b : _ctx.falseLabel,
+            "true-value": (_b = (_a = _ctx.trueValue) != null ? _a : _ctx.trueLabel) != null ? _b : true,
+            "false-value": (_d = (_c = _ctx.falseValue) != null ? _c : _ctx.falseLabel) != null ? _d : false,
             onChange: vue.unref(handleChange),
             onFocus: ($event) => isFocused.value = true,
             onBlur: ($event) => isFocused.value = false,
@@ -24216,7 +24229,8 @@
         getCheckedNodes,
         cascaderPanelRef,
         togglePopperVisible,
-        contentRef
+        contentRef,
+        presentText
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
@@ -26055,12 +26069,11 @@
           color.fromString(newVal);
         }
       });
-      vue.watch(() => props.colorFormat, () => {
-        if (props.colorFormat) {
-          color.format = props.colorFormat;
-          color.doOnChange();
-          emit(UPDATE_MODEL_EVENT, color.value);
-        }
+      vue.watch(() => [props.colorFormat, props.showAlpha], () => {
+        color.enableAlpha = props.showAlpha;
+        color.format = props.colorFormat || color.format;
+        color.doOnChange();
+        emit(UPDATE_MODEL_EVENT, color.value);
       });
       vue.watch(() => currentColor.value, (val) => {
         customInput.value = val;
@@ -29820,7 +29833,7 @@
       };
     },
     render() {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a;
       const item = getNormalizedProps(this.cell);
       const directives = (((_a = this.cell) == null ? void 0 : _a.dirs) || []).map((dire) => {
         const { dir, arg, modifiers, value } = dire;
@@ -29828,8 +29841,14 @@
       });
       const { border, direction } = this.descriptions;
       const isVertical = direction === "vertical";
-      const label = ((_d = (_c = (_b = this.cell) == null ? void 0 : _b.children) == null ? void 0 : _c.label) == null ? void 0 : _d.call(_c)) || item.label;
-      const content = (_g = (_f = (_e = this.cell) == null ? void 0 : _e.children) == null ? void 0 : _f.default) == null ? void 0 : _g.call(_f);
+      const renderLabel = () => {
+        var _a2, _b, _c;
+        return ((_c = (_b = (_a2 = this.cell) == null ? void 0 : _a2.children) == null ? void 0 : _b.label) == null ? void 0 : _c.call(_b)) || item.label;
+      };
+      const renderContent = () => {
+        var _a2, _b, _c;
+        return (_c = (_b = (_a2 = this.cell) == null ? void 0 : _a2.children) == null ? void 0 : _b.default) == null ? void 0 : _c.call(_b);
+      };
       const span = item.span;
       const rowspan = item.rowspan;
       const align = item.align ? `is-${item.align}` : "";
@@ -29855,7 +29874,7 @@
             ],
             colSpan: isVertical ? span : 1,
             rowspan: isVertical ? 1 : rowspan
-          }, label), directives);
+          }, renderLabel()), directives);
         case "content":
           return vue.withDirectives(vue.h(this.tag, {
             style,
@@ -29869,8 +29888,9 @@
             ],
             colSpan: isVertical ? span : span * 2 - 1,
             rowspan: isVertical ? rowspan * 2 - 1 : rowspan
-          }, content), directives);
-        default:
+          }, renderContent()), directives);
+        default: {
+          const label = renderLabel();
           return vue.withDirectives(vue.h("td", {
             style,
             class: [ns.e("cell"), align],
@@ -29882,8 +29902,9 @@
             }, label) : void 0,
             vue.h("span", {
               class: [ns.e("content"), className]
-            }, content)
+            }, renderContent())
           ]), directives);
+        }
       }
     }
   });
@@ -33067,6 +33088,9 @@
         }
         if (stepStrictly) {
           newVal = toPrecision(Math.round(newVal / step) * step, precision);
+          if (newVal !== value) {
+            update && emit(UPDATE_MODEL_EVENT, newVal);
+          }
         }
         if (!isUndefined(precision)) {
           newVal = toPrecision(newVal, precision);
@@ -33252,7 +33276,20 @@
             onFocus: handleFocus,
             onInput: handleInput,
             onChange: handleInputChange
-          }, null, 8, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "onKeydown"])
+          }, vue.createSlots({ _: 2 }, [
+            _ctx.$slots.prefix ? {
+              name: "prefix",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "prefix")
+              ])
+            } : void 0,
+            _ctx.$slots.suffix ? {
+              name: "suffix",
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "suffix")
+              ])
+            } : void 0
+          ]), 1032, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "aria-label", "onKeydown"])
         ], 42, ["onDragstart"]);
       };
     }
@@ -35501,6 +35538,7 @@
       type: definePropType(Array),
       default: ["bottom-start", "top-start", "right", "left"]
     },
+    appendTo: String,
     ...useEmptyValuesProps,
     ...useAriaProps(["ariaLabel"])
   });
@@ -35589,6 +35627,7 @@
         "stop-popper-mouse-event": false,
         "gpu-acceleration": false,
         persistent: _ctx.persistent,
+        "append-to": _ctx.appendTo,
         onBeforeShow: _ctx.handleMenuEnter,
         onHide: ($event) => _ctx.states.isBeforeHide = false
       }, {
@@ -35894,7 +35933,7 @@
           }, 512)
         ]),
         _: 3
-      }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "onBeforeShow", "onHide"])
+      }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "append-to", "onBeforeShow", "onHide"])
     ], 16, ["onMouseleave"])), [
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
@@ -36001,7 +36040,8 @@
     size: {
       type: String,
       values: componentSizes
-    }
+    },
+    appendSizeTo: String
   });
 
   const __default__$M = vue.defineComponent({
@@ -36047,6 +36087,7 @@
             size: _ctx.size,
             teleported: _ctx.teleported,
             "validate-event": false,
+            "append-to": _ctx.appendSizeTo,
             onChange: handleChange
           }, {
             default: vue.withCtx(() => [
@@ -36059,7 +36100,7 @@
               }), 128))
             ]),
             _: 1
-          }, 8, ["model-value", "disabled", "popper-class", "size", "teleported"])
+          }, 8, ["model-value", "disabled", "popper-class", "size", "teleported", "append-to"])
         ], 2);
       };
     }
@@ -36426,7 +36467,8 @@
     size: useSizeProp,
     background: Boolean,
     disabled: Boolean,
-    hideOnSinglePage: Boolean
+    hideOnSinglePage: Boolean,
+    appendSizeTo: String
   });
   const paginationEmits = {
     "update:current-page": (val) => isNumber(val),
@@ -36613,7 +36655,8 @@
             popperClass: props.popperClass,
             disabled: props.disabled,
             teleported: props.teleported,
-            size: _size.value
+            size: _size.value,
+            appendSizeTo: props.appendSizeTo
           }),
           slot: (_b = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : null,
           total: vue.h(Total, { total: isAbsent(props.total) ? 0 : props.total })
@@ -39476,7 +39519,9 @@
         type: Object,
         required: true
       },
-      style: Object,
+      style: {
+        type: Object
+      },
       height: Number
     },
     setup() {
@@ -39489,7 +39534,7 @@
   function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.ns.be("group", "title")),
-      style: vue.normalizeStyle([_ctx.style, { lineHeight: `${_ctx.height}px` }])
+      style: vue.normalizeStyle({ ..._ctx.style, lineHeight: `${_ctx.height}px` })
     }, vue.toDisplayString(_ctx.item.label), 7);
   }
   var GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$7], ["__file", "group-item.vue"]]);
@@ -39649,12 +39694,25 @@
     selected: Boolean,
     created: Boolean
   });
+  const selectEmits = {
+    [UPDATE_MODEL_EVENT]: (val) => true,
+    [CHANGE_EVENT]: (val) => true,
+    "remove-tag": (val) => true,
+    "visible-change": (visible) => true,
+    focus: (evt) => evt instanceof FocusEvent,
+    blur: (evt) => evt instanceof FocusEvent,
+    clear: () => true
+  };
+  const optionEmits = {
+    hover: (index) => isNumber(index),
+    select: (val, index) => true
+  };
 
   const selectV2InjectionKey = Symbol("ElSelectV2Injection");
 
   const _sfc_main$M = vue.defineComponent({
     props: OptionProps,
-    emits: ["select", "hover"],
+    emits: optionEmits,
     setup(props, { emit }) {
       const select = vue.inject(selectV2InjectionKey);
       const ns = useNamespace("select");
@@ -39693,18 +39751,19 @@
   }
   var OptionItem = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$6], ["__file", "option-item.vue"]]);
 
+  const props = {
+    loading: Boolean,
+    data: {
+      type: Array,
+      required: true
+    },
+    hoveringIndex: Number,
+    width: Number
+  };
   var ElSelectMenu = vue.defineComponent({
     name: "ElSelectDropdown",
-    props: {
-      loading: Boolean,
-      data: {
-        type: Array,
-        required: true
-      },
-      hoveringIndex: Number,
-      width: Number
-    },
-    setup(props, {
+    props,
+    setup(props2, {
       slots,
       expose
     }) {
@@ -39717,7 +39776,7 @@
       } = useProps(select.props);
       const cachedHeights = vue.ref([]);
       const listRef = vue.ref();
-      const size = vue.computed(() => props.data.length);
+      const size = vue.computed(() => props2.data.length);
       vue.watch(() => size.value, () => {
         var _a, _b;
         (_b = (_a = select.tooltipRef.value).updatePopper) == null ? void 0 : _b.call(_a);
@@ -39771,7 +39830,7 @@
         } = select.props;
         return disabled || !selected && (multiple ? multipleLimit > 0 && modelValue.length >= multipleLimit : false);
       };
-      const isItemHovering = (target) => props.hoveringIndex === target;
+      const isItemHovering = (target) => props2.hoveringIndex === target;
       const scrollToItem = (index) => {
         const list = listRef.value;
         if (list) {
@@ -39784,7 +39843,7 @@
           list.resetScrollTop();
         }
       };
-      expose({
+      const exposed = {
         listRef,
         isSized,
         isItemDisabled,
@@ -39792,7 +39851,8 @@
         isItemSelected,
         scrollToItem,
         resetScrollTop
-      });
+      };
+      expose(exposed);
       const Item = (itemProps) => {
         const {
           index,
@@ -39831,9 +39891,9 @@
           "onSelect": onSelect,
           "onHover": onHover
         }), {
-          default: (props2) => {
+          default: (props3) => {
             var _a;
-            return ((_a = slots.default) == null ? void 0 : _a.call(slots, props2)) || vue.createVNode("span", null, [getLabel(item)]);
+            return ((_a = slots.default) == null ? void 0 : _a.call(slots, props3)) || vue.createVNode("span", null, [getLabel(item)]);
           }
         });
       };
@@ -39847,9 +39907,6 @@
       const onBackward = () => {
         onKeyboardNavigate("backward");
       };
-      const onEscOrTab = () => {
-        select.expanded = false;
-      };
       const onKeydown = (e) => {
         const {
           code
@@ -39868,7 +39925,6 @@
         switch (code) {
           case tab:
           case esc: {
-            onEscOrTab();
             break;
           }
           case down: {
@@ -39890,7 +39946,7 @@
         const {
           data,
           width
-        } = props;
+        } = props2;
         const {
           height,
           multiple,
@@ -39913,7 +39969,7 @@
           "total": data.length,
           "onKeydown": onKeydown
         }), {
-          default: (props2) => vue.createVNode(Item, props2, null)
+          default: (props3) => vue.createVNode(Item, props3, null)
         }), (_d = slots.footer) == null ? void 0 : _d.call(slots)]);
       };
     }
@@ -39922,7 +39978,7 @@
   function useAllowCreate(props, states) {
     const { aliasProps, getLabel, getValue } = useProps(props);
     const createOptionCount = vue.ref(0);
-    const cachedSelectedOption = vue.ref(null);
+    const cachedSelectedOption = vue.ref();
     const enableAllowCreateMode = vue.computed(() => {
       return props.allowCreate && props.filterable;
     });
@@ -40021,17 +40077,17 @@
       isBeforeHide: false
     });
     const popperSize = vue.ref(-1);
-    const selectRef = vue.ref(null);
-    const selectionRef = vue.ref(null);
-    const tooltipRef = vue.ref(null);
-    const tagTooltipRef = vue.ref(null);
-    const inputRef = vue.ref(null);
-    const calculatorRef = vue.ref(null);
-    const prefixRef = vue.ref(null);
-    const suffixRef = vue.ref(null);
-    const menuRef = vue.ref(null);
-    const tagMenuRef = vue.ref(null);
-    const collapseItemRef = vue.ref(null);
+    const selectRef = vue.ref();
+    const selectionRef = vue.ref();
+    const tooltipRef = vue.ref();
+    const tagTooltipRef = vue.ref();
+    const inputRef = vue.ref();
+    const calculatorRef = vue.ref();
+    const prefixRef = vue.ref();
+    const suffixRef = vue.ref();
+    const menuRef = vue.ref();
+    const tagMenuRef = vue.ref();
+    const collapseItemRef = vue.ref();
     const {
       isComposing,
       handleCompositionStart,
@@ -40076,7 +40132,11 @@
     const iconComponent = vue.computed(() => props.remote && props.filterable ? "" : arrow_down_default);
     const iconReverse = vue.computed(() => iconComponent.value && nsSelect.is("reverse", expanded.value));
     const validateState = vue.computed(() => (elFormItem == null ? void 0 : elFormItem.validateState) || "");
-    const validateIcon = vue.computed(() => ValidateComponentsMap[validateState.value]);
+    const validateIcon = vue.computed(() => {
+      if (!validateState.value)
+        return;
+      return ValidateComponentsMap[validateState.value];
+    });
     const debounce$1 = vue.computed(() => props.remote ? 300 : 0);
     const emptyText = vue.computed(() => {
       if (props.loading) {
@@ -40449,7 +40509,7 @@
       }
     };
     const onHoverOption = (idx) => {
-      states.hoveringIndex = idx;
+      states.hoveringIndex = idx != null ? idx : -1;
     };
     const updateHoveringIndex = () => {
       if (!props.multiple) {
@@ -40683,15 +40743,7 @@
     },
     directives: { ClickOutside },
     props: SelectProps,
-    emits: [
-      UPDATE_MODEL_EVENT,
-      CHANGE_EVENT,
-      "remove-tag",
-      "clear",
-      "visible-change",
-      "focus",
-      "blur"
-    ],
+    emits: selectEmits,
     setup(props, { emit }) {
       const modelValue = vue.computed(() => {
         const { modelValue: rawModelValue, multiple } = props;
@@ -40711,6 +40763,7 @@
           height: API.popupHeight,
           modelValue
         }),
+        expanded: API.expanded,
         tooltipRef: API.tooltipRef,
         onSelect: API.onSelect,
         onHover: API.onHover,
@@ -43747,12 +43800,23 @@
         });
       }
     };
+    const updateKeyChildren = (key, data) => {
+      const { lazy: lazy2, rowKey } = instance.props;
+      if (!lazy2)
+        return;
+      if (!rowKey)
+        throw new Error("[Table] rowKey is required in updateKeyChild");
+      if (lazyTreeNodeMap.value[key]) {
+        lazyTreeNodeMap.value[key] = data;
+      }
+    };
     return {
       loadData,
       loadOrToggle,
       toggleTreeExpansion,
       updateTreeExpandKeys,
       updateTreeData,
+      updateKeyChildren,
       normalize,
       states: {
         expandRowKeys,
@@ -44125,6 +44189,7 @@
       updateTreeExpandKeys,
       toggleTreeExpansion,
       updateTreeData,
+      updateKeyChildren,
       loadOrToggle,
       states: treeStates
     } = useTree$2({
@@ -44182,6 +44247,7 @@
       updateCurrentRowData,
       loadOrToggle,
       updateTreeData,
+      updateKeyChildren,
       states: {
         tableSize,
         rowKey,
@@ -44678,6 +44744,9 @@
       },
       upDataColumn: {
         type: Function
+      },
+      appendTo: {
+        type: String
       }
     },
     setup(props) {
@@ -44822,7 +44891,8 @@
       effect: "light",
       pure: "",
       "popper-class": _ctx.filterClassName,
-      persistent: ""
+      persistent: "",
+      "append-to": _ctx.appendTo
     }, {
       content: vue.withCtx(() => [
         _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", { key: 0 }, [
@@ -44915,7 +44985,7 @@
         ])
       ]),
       _: 3
-    }, 8, ["visible", "placement", "popper-class"]);
+    }, 8, ["visible", "placement", "popper-class", "append-to"]);
   }
   var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$4], ["__file", "filter-panel.vue"]]);
 
@@ -45326,6 +45396,9 @@
             order: ""
           };
         }
+      },
+      appendFilterPanelTo: {
+        type: String
       }
     },
     setup(props, { emit }) {
@@ -45456,6 +45529,7 @@
             column.filterable && vue.h(FilterPanel, {
               store,
               placement: column.filterPlacement || "bottom-start",
+              appendTo: $parent.appendFilterPanelTo,
               column,
               upDataColumn: (key, value) => {
                 column[key] = value;
@@ -46189,6 +46263,9 @@
     const sort = (prop, order) => {
       store.commit("sort", { prop, order });
     };
+    const updateKeyChildren = (key, data) => {
+      store.updateKeyChildren(key, data);
+    };
     return {
       setCurrentRow,
       getSelectionRows,
@@ -46198,7 +46275,8 @@
       toggleAllSelection,
       toggleRowExpansion,
       clearSort,
-      sort
+      sort,
+      updateKeyChildren
     };
   }
 
@@ -46588,6 +46666,7 @@
     scrollbarAlwaysOn: Boolean,
     flexible: Boolean,
     showOverflowTooltip: [Boolean, Object],
+    appendFilterPanelTo: String,
     scrollbarTabindex: {
       type: [Number, String],
       default: void 0
@@ -46703,7 +46782,8 @@
         toggleAllSelection,
         toggleRowExpansion,
         clearSort,
-        sort
+        sort,
+        updateKeyChildren
       } = useUtils(store);
       const {
         isHidden,
@@ -46777,6 +46857,7 @@
         clearSort,
         doLayout,
         sort,
+        updateKeyChildren,
         t,
         setDragVisible,
         context: table,
@@ -46857,8 +46938,9 @@
               border: _ctx.border,
               "default-sort": _ctx.defaultSort,
               store: _ctx.store,
+              "append-filter-panel-to": _ctx.appendFilterPanelTo,
               onSetDragVisible: _ctx.setDragVisible
-            }, null, 8, ["border", "default-sort", "store", "onSetDragVisible"])
+            }, null, 8, ["border", "default-sort", "store", "append-filter-panel-to", "onSetDragVisible"])
           ], 6)
         ], 2)), [
           [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]
@@ -46897,8 +46979,9 @@
                   border: _ctx.border,
                   "default-sort": _ctx.defaultSort,
                   store: _ctx.store,
+                  "append-filter-panel-to": _ctx.appendFilterPanelTo,
                   onSetDragVisible: _ctx.setDragVisible
-                }, null, 8, ["class", "border", "default-sort", "store", "onSetDragVisible"])) : vue.createCommentVNode("v-if", true),
+                }, null, 8, ["class", "border", "default-sort", "store", "append-filter-panel-to", "onSetDragVisible"])) : vue.createCommentVNode("v-if", true),
                 vue.createVNode(_component_table_body, {
                   context: _ctx.context,
                   highlight: _ctx.highlightCurrentRow,