vxe-table 4.23.7 → 4.23.9

package/lib/table/module/export/import-panel.js

@@ -33,12 +33,12 @@ __export(import_panel_exports, {
 module.exports = __toCommonJS(import_panel_exports);
 var import_vue = require("vue");
 var import_comp = require("../../../ui/src/comp");
-var import_ui = require("../../../ui");
+var import_core = require("@vxe-ui/core");
 var import_xe_utils = __toESM(require("xe-utils"));
 var import_utils = require("../../../ui/src/utils");
 var import_log = require("../../../ui/src/log");
 const { errLog } = (0, import_log.createComponentLog)("table");
-const { getI18n, getIcon, renderEmptyElement } = import_ui.VxeUI;
+const { getI18n, getIcon, renderEmptyElement } = import_core.VxeUI;
 var import_panel_default = (0, import_comp.defineVxeComponent)({
   name: "VxeTableImportPanel",
   props: {
@@ -52,9 +52,9 @@ var import_panel_default = (0, import_comp.defineVxeComponent)({
     }
   },
   setup(props) {
-    const VxeUIModalComponent = import_ui.VxeUI.getComponent("VxeModal");
-    const VxeUIButtonComponent = import_ui.VxeUI.getComponent("VxeButton");
-    const VxeUISelectComponent = import_ui.VxeUI.getComponent("VxeSelect");
+    const VxeUIModalComponent = import_core.VxeUI.getComponent("VxeModal");
+    const VxeUIButtonComponent = import_core.VxeUI.getComponent("VxeButton");
+    const VxeUISelectComponent = import_core.VxeUI.getComponent("VxeSelect");
     const $xeTable = (0, import_vue.inject)("$xeTable", {});
     const { computeImportOpts } = $xeTable.getComputeMaps();
     const reactData = (0, import_vue.reactive)({
@@ -132,135 +132,164 @@ var import_panel_default = (0, import_comp.defineVxeComponent)({
       const bottomSlot = slots.bottom;
       const defaultSlot = slots.default;
       const footerSlot = slots.footer;
-      return VxeUIModalComponent ? (0, import_vue.h)(VxeUIModalComponent, {
-        id: "VXE_IMPORT_MODAL",
-        modelValue: storeData.visible,
-        title: modelOptions.title || getI18n("vxe.import.impTitle"),
-        className: "vxe-table-export-popup-wrapper",
-        width: modelOptions.width || 540,
-        height: modelOptions.height,
-        minWidth: modelOptions.minWidth || 360,
-        minHeight: modelOptions.minHeight || 240,
-        mask: (0, import_utils.getDefaultConfig)(modelOptions.mask, true),
-        lockView: (0, import_utils.getDefaultConfig)(modelOptions.lockView, true),
-        showFooter: true,
-        escClosable: true,
-        maskClosable: true,
-        position: modelOptions.position,
-        fullscreen: modelOptions.fullscreen,
-        remember: modelOptions.remember,
-        showMinimize: modelOptions.showMinimize,
-        showMaximize: (0, import_utils.getDefaultConfig)(modelOptions.showMaximize, true),
-        resize: (0, import_utils.getDefaultConfig)(modelOptions.resize, true),
-        loading: reactData.loading,
-        "onUpdate:modelValue"(value) {
-          storeData.visible = value;
+      return VxeUIModalComponent ? (0, import_vue.h)(
+        VxeUIModalComponent,
+        {
+          id: "VXE_IMPORT_MODAL",
+          modelValue: storeData.visible,
+          title: modelOptions.title || getI18n("vxe.import.impTitle"),
+          className: "vxe-table-export-popup-wrapper",
+          width: modelOptions.width || 540,
+          height: modelOptions.height,
+          minWidth: modelOptions.minWidth || 360,
+          minHeight: modelOptions.minHeight || 240,
+          mask: (0, import_utils.getDefaultConfig)(modelOptions.mask, true),
+          lockView: (0, import_utils.getDefaultConfig)(modelOptions.lockView, true),
+          showFooter: true,
+          escClosable: true,
+          maskClosable: true,
+          position: modelOptions.position,
+          fullscreen: modelOptions.fullscreen,
+          remember: modelOptions.remember,
+          showMinimize: modelOptions.showMinimize,
+          showMaximize: (0, import_utils.getDefaultConfig)(modelOptions.showMaximize, true),
+          resize: (0, import_utils.getDefaultConfig)(modelOptions.resize, true),
+          loading: reactData.loading,
+          "onUpdate:modelValue"(value) {
+            storeData.visible = value;
+          },
+          onShow: showEvent
         },
-        onShow: showEvent
-      }, {
-        default: () => {
-          const params = {
-            $table: $xeTable,
-            $grid: $xeGrid,
-            $gantt: $xeGantt,
-            options: defaultOptions,
-            params: defaultOptions.params
-          };
-          return (0, import_vue.h)("div", {
-            class: "vxe-table-export--panel"
-          }, [
-            topSlot ? (0, import_vue.h)("div", {
-              class: "vxe-table-export--panel-top"
-            }, $xeTable.callSlot(topSlot, params)) : renderEmptyElement($xeTable),
-            (0, import_vue.h)(
+        {
+          default: () => {
+            const params = {
+              $table: $xeTable,
+              $grid: $xeGrid,
+              $gantt: $xeGantt,
+              options: defaultOptions,
+              params: defaultOptions.params
+            };
+            return (0, import_vue.h)(
               "div",
               {
-                class: "vxe-table-export--panel-body"
+                class: "vxe-table-export--panel"
               },
-              defaultSlot ? $xeTable.callSlot(defaultSlot, params) : [
-                (0, import_vue.h)("table", {
-                  class: "vxe-table-export--panel-table",
-                  cellspacing: 0,
-                  cellpadding: 0,
-                  border: 0
-                }, [
-                  (0, import_vue.h)("tbody", [
-                    (0, import_vue.h)("tr", [
-                      (0, import_vue.h)("td", getI18n("vxe.import.impFile")),
-                      (0, import_vue.h)("td", [
-                        hasFile ? (0, import_vue.h)("div", {
-                          class: "vxe-table-export--selected--file",
-                          title: selectName
-                        }, [
-                          (0, import_vue.h)("span", selectName),
-                          (0, import_vue.h)("i", {
-                            class: getIcon().INPUT_CLEAR,
-                            onClick: clearFileEvent
-                          })
-                        ]) : (0, import_vue.h)("button", {
-                          ref: refFileBtn,
-                          class: "vxe-table-export--select--file",
-                          onClick: selectFileEvent
-                        }, getI18n("vxe.import.impSelect"))
-                      ])
-                    ]),
-                    (0, import_vue.h)("tr", [
-                      (0, import_vue.h)("td", getI18n("vxe.import.impType")),
-                      (0, import_vue.h)("td", parseTypeLabel)
-                    ]),
-                    settingOptions.showMode === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("tr", [
-                      (0, import_vue.h)("td", getI18n("vxe.import.impMode")),
-                      (0, import_vue.h)("td", [
-                        VxeUISelectComponent ? (0, import_vue.h)(VxeUISelectComponent, {
-                          modelValue: defaultOptions.mode,
-                          options: storeData.modeList,
-                          "onUpdate:modelValue"(value) {
-                            defaultOptions.mode = value;
-                          }
-                        }) : renderEmptyElement($xeTable)
-                      ])
-                    ])
-                  ])
-                ])
+              [
+                topSlot ? (0, import_vue.h)(
+                  "div",
+                  {
+                    class: "vxe-table-export--panel-top"
+                  },
+                  $xeTable.callSlot(topSlot, params)
+                ) : renderEmptyElement($xeTable),
+                (0, import_vue.h)(
+                  "div",
+                  {
+                    class: "vxe-table-export--panel-body"
+                  },
+                  defaultSlot ? $xeTable.callSlot(defaultSlot, params) : [
+                    (0, import_vue.h)(
+                      "table",
+                      {
+                        class: "vxe-table-export--panel-table",
+                        cellspacing: 0,
+                        cellpadding: 0,
+                        border: 0
+                      },
+                      [
+                        (0, import_vue.h)("tbody", [
+                          (0, import_vue.h)("tr", [
+                            (0, import_vue.h)("td", getI18n("vxe.import.impFile")),
+                            (0, import_vue.h)("td", [
+                              hasFile ? (0, import_vue.h)(
+                                "div",
+                                {
+                                  class: "vxe-table-export--selected--file",
+                                  title: selectName
+                                },
+                                [
+                                  (0, import_vue.h)("span", selectName),
+                                  (0, import_vue.h)("i", {
+                                    class: getIcon().INPUT_CLEAR,
+                                    onClick: clearFileEvent
+                                  })
+                                ]
+                              ) : (0, import_vue.h)(
+                                "button",
+                                {
+                                  ref: refFileBtn,
+                                  class: "vxe-table-export--select--file",
+                                  onClick: selectFileEvent
+                                },
+                                getI18n("vxe.import.impSelect")
+                              )
+                            ])
+                          ]),
+                          (0, import_vue.h)("tr", [(0, import_vue.h)("td", getI18n("vxe.import.impType")), (0, import_vue.h)("td", parseTypeLabel)]),
+                          settingOptions.showMode === false ? renderEmptyElement($xeTable) : (0, import_vue.h)("tr", [
+                            (0, import_vue.h)("td", getI18n("vxe.import.impMode")),
+                            (0, import_vue.h)("td", [
+                              VxeUISelectComponent ? (0, import_vue.h)(VxeUISelectComponent, {
+                                modelValue: defaultOptions.mode,
+                                options: storeData.modeList,
+                                "onUpdate:modelValue"(value) {
+                                  defaultOptions.mode = value;
+                                }
+                              }) : renderEmptyElement($xeTable)
+                            ])
+                          ])
+                        ])
+                      ]
+                    )
+                  ]
+                ),
+                bottomSlot ? (0, import_vue.h)(
+                  "div",
+                  {
+                    class: "vxe-table-export--panel-bottom"
+                  },
+                  $xeTable.callSlot(bottomSlot, params)
+                ) : renderEmptyElement($xeTable)
               ]
-            ),
-            bottomSlot ? (0, import_vue.h)("div", {
-              class: "vxe-table-export--panel-bottom"
-            }, $xeTable.callSlot(bottomSlot, params)) : renderEmptyElement($xeTable)
-          ]);
-        },
-        footer() {
-          const params = {
-            $table: $xeTable,
-            $grid: $xeGrid,
-            $gantt: $xeGantt,
-            options: defaultOptions,
-            params: defaultOptions.params
-          };
-          return (0, import_vue.h)(
-            "div",
-            {
-              class: "vxe-table-export--panel-footer"
-            },
-            footerSlot ? $xeTable.callSlot(footerSlot, params) : [
-              (0, import_vue.h)("div", {
-                class: "vxe-table-export--panel-btns"
-              }, [
-                VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
-                  content: getI18n("vxe.import.impCancel"),
-                  onClick: cancelEvent
-                }) : renderEmptyElement($xeTable),
-                VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
-                  status: "primary",
-                  disabled: !hasFile || reactData.loading,
-                  content: getI18n("vxe.import.impConfirm"),
-                  onClick: importEvent
-                }) : renderEmptyElement($xeTable)
-              ])
-            ]
-          );
+            );
+          },
+          footer() {
+            const params = {
+              $table: $xeTable,
+              $grid: $xeGrid,
+              $gantt: $xeGantt,
+              options: defaultOptions,
+              params: defaultOptions.params
+            };
+            return (0, import_vue.h)(
+              "div",
+              {
+                class: "vxe-table-export--panel-footer"
+              },
+              footerSlot ? $xeTable.callSlot(footerSlot, params) : [
+                (0, import_vue.h)(
+                  "div",
+                  {
+                    class: "vxe-table-export--panel-btns"
+                  },
+                  [
+                    VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+                      content: getI18n("vxe.import.impCancel"),
+                      onClick: cancelEvent
+                    }) : renderEmptyElement($xeTable),
+                    VxeUIButtonComponent ? (0, import_vue.h)(VxeUIButtonComponent, {
+                      status: "primary",
+                      disabled: !hasFile || reactData.loading,
+                      content: getI18n("vxe.import.impConfirm"),
+                      onClick: importEvent
+                    }) : renderEmptyElement($xeTable)
+                  ]
+                )
+              ]
+            );
+          }
         }
-      }) : renderEmptyElement($xeTable);
+      ) : renderEmptyElement($xeTable);
     };
     (0, import_vue.nextTick)(() => {
       if (!VxeUIModalComponent) {

package/lib/table/module/filter/hook.js

@@ -23,12 +23,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var import_vue = require("vue");
 var import_xe_utils = __toESM(require("xe-utils"));
-var import_ui = require("../../../ui");
+var import_core = require("@vxe-ui/core");
 var import_util = require("../../src/util");
 var import_dom = require("../../../ui/src/dom");
 var import_utils = require("../../../ui/src/utils");
-const { renderer, hooks } = import_ui.VxeUI;
-const tableFilterMethodKeys = ["openFilter", "setFilter", "clearFilter", "saveFilter", "saveFilterByEvent", "saveFilterPanel", "saveFilterPanelByEvent", "resetFilter", "resetFilterByEvent", "resetFilterPanel", "resetFilterPanelByEvent", "getCheckedFilters", "updateFilterOptionStatus"];
+const { renderer, hooks } = import_core.VxeUI;
+const tableFilterMethodKeys = [
+  "openFilter",
+  "setFilter",
+  "clearFilter",
+  "saveFilter",
+  "saveFilterByEvent",
+  "saveFilterPanel",
+  "saveFilterPanelByEvent",
+  "resetFilter",
+  "resetFilterByEvent",
+  "resetFilterPanel",
+  "resetFilterPanelByEvent",
+  "getCheckedFilters",
+  "updateFilterOptionStatus"
+];
 const sourceType = "table";
 hooks.add("tableFilterModule", {
   setupTable($xeTable) {
@@ -221,7 +235,7 @@ hooks.add("tableFilterModule", {
         $xeTable.closeFilter();
         return $xeTable.updateFooter().then(() => {
           const { scrollXLoad, scrollYLoad } = reactData;
-          if (oldScrollXLoad || scrollXLoad || (oldScrollYLoad || scrollYLoad)) {
+          if (oldScrollXLoad || scrollXLoad || oldScrollYLoad || scrollYLoad) {
             if (oldScrollXLoad || scrollXLoad) {
               $xeTable.updateScrollXSpace();
             }

package/lib/table/module/filter/panel.js

@@ -33,14 +33,14 @@ __export(panel_exports, {
 module.exports = __toCommonJS(panel_exports);
 var import_vue = require("vue");
 var import_comp = require("../../../ui/src/comp");
-var import_ui = require("../../../ui");
+var import_core = require("@vxe-ui/core");
 var import_utils = require("../../../ui/src/utils");
 var import_dom = require("../../../ui/src/dom");
 var import_vn = require("../../../ui/src/vn");
 var import_log = require("../../../ui/src/log");
 var import_xe_utils = __toESM(require("xe-utils"));
 const { warnLog } = (0, import_log.createComponentLog)("table");
-const { getI18n, getIcon, renderer, renderEmptyElement } = import_ui.VxeUI;
+const { getI18n, getIcon, renderer, renderEmptyElement } = import_core.VxeUI;
 var panel_default = (0, import_comp.defineVxeComponent)({
   name: "VxeTableFilterPanel",
   props: {
@@ -51,7 +51,7 @@ var panel_default = (0, import_comp.defineVxeComponent)({
   },
   setup(props, context) {
     const xID = import_xe_utils.default.uniqueId();
-    const VxeUIScrollbarComponent = import_ui.VxeUI.getComponent("VxeScrollbar");
+    const VxeUIScrollbarComponent = import_core.VxeUI.getComponent("VxeScrollbar");
     const $xeTable = (0, import_vue.inject)("$xeTable", {});
     const { reactData: tableReactData, internalData: tableInternalData, getComputeMaps } = $xeTable;
     const { computeFilterOpts, computeRendererOpts } = getComputeMaps();
@@ -135,15 +135,23 @@ var panel_default = (0, import_comp.defineVxeComponent)({
       const rtFilter = compConf ? compConf.renderTableFilter || compConf.renderFilter : null;
       if (filterSlot) {
         return [
-          (0, import_vue.h)("div", {
-            class: "vxe-table--filter-template"
-          }, $xeTable.callSlot(filterSlot, params))
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-table--filter-template"
+            },
+            $xeTable.callSlot(filterSlot, params)
+          )
         ];
       } else if (filterRender && rtFilter) {
         return [
-          (0, import_vue.h)("div", {
-            class: "vxe-table--filter-template"
-          }, (0, import_vn.getSlotVNs)(rtFilter(filterRender, params)))
+          (0, import_vue.h)(
+            "div",
+            {
+              class: "vxe-table--filter-template"
+            },
+            (0, import_vn.getSlotVNs)(rtFilter(filterRender, params))
+          )
         ];
       }
       const isAllChecked = filterMultiple ? filterStore.isAllSelected : !filterOptions.some((item) => item._checked);
@@ -151,55 +159,89 @@ var panel_default = (0, import_comp.defineVxeComponent)({
       const optVNs = filterOptions.map((item) => {
         const isChecked = item._checked;
         const isIndeterminate = false;
-        return (0, import_vue.h)("div", {
-          class: ["vxe-table--filter-option", {
-            "is--checked": item._checked
-          }],
-          title: item.label,
-          onClick: (evnt) => {
-            changeOption(evnt, !item._checked, item);
-          }
-        }, (filterMultiple ? [
-          (0, import_vue.h)("span", {
-            class: ["vxe-checkbox--icon", isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
-          })
-        ] : []).concat([
-          (0, import_vue.h)("span", {
-            class: "vxe-checkbox--label"
-          }, (0, import_utils.formatText)(item.label, 1))
-        ]));
-      });
-      return [
-        (0, import_vue.h)("div", {
-          class: "vxe-table--filter-header"
-        }, [
-          (0, import_vue.h)("div", {
-            class: ["vxe-table--filter-option", {
-              "is--checked": isAllChecked,
-              "is--indeterminate": isAllIndeterminate
-            }],
-            title: getI18n(filterMultiple ? "vxe.table.allTitle" : "vxe.table.allFilter"),
+        return (0, import_vue.h)(
+          "div",
+          {
+            class: [
+              "vxe-table--filter-option",
+              {
+                "is--checked": item._checked
+              }
+            ],
+            title: item.label,
             onClick: (evnt) => {
-              changeAllOption(evnt, !filterStore.isAllSelected);
+              changeOption(evnt, !item._checked, item);
             }
-          }, (filterMultiple ? [
+          },
+          (filterMultiple ? [
             (0, import_vue.h)("span", {
-              class: ["vxe-checkbox--icon", isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+              class: ["vxe-checkbox--icon", isIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
             })
           ] : []).concat([
-            (0, import_vue.h)("span", {
-              class: "vxe-checkbox--label"
-            }, getI18n("vxe.table.allFilter"))
-          ]))
-        ]),
-        useScrollbar ? (0, import_vue.h)(VxeUIScrollbarComponent, {
-          class: "vxe-table--scrollbar-filter-body",
-          viewClassName: "vxe-table--scrollbar-filter-body-view"
-        }, {
-          default: () => optVNs
-        }) : (0, import_vue.h)("div", {
-          class: "vxe-table--filter-body"
-        }, optVNs)
+            (0, import_vue.h)(
+              "span",
+              {
+                class: "vxe-checkbox--label"
+              },
+              (0, import_utils.formatText)(item.label, 1)
+            )
+          ])
+        );
+      });
+      return [
+        (0, import_vue.h)(
+          "div",
+          {
+            class: "vxe-table--filter-header"
+          },
+          [
+            (0, import_vue.h)(
+              "div",
+              {
+                class: [
+                  "vxe-table--filter-option",
+                  {
+                    "is--checked": isAllChecked,
+                    "is--indeterminate": isAllIndeterminate
+                  }
+                ],
+                title: getI18n(filterMultiple ? "vxe.table.allTitle" : "vxe.table.allFilter"),
+                onClick: (evnt) => {
+                  changeAllOption(evnt, !filterStore.isAllSelected);
+                }
+              },
+              (filterMultiple ? [
+                (0, import_vue.h)("span", {
+                  class: ["vxe-checkbox--icon", isAllIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllChecked ? getIcon().TABLE_CHECKBOX_CHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+                })
+              ] : []).concat([
+                (0, import_vue.h)(
+                  "span",
+                  {
+                    class: "vxe-checkbox--label"
+                  },
+                  getI18n("vxe.table.allFilter")
+                )
+              ])
+            )
+          ]
+        ),
+        useScrollbar ? (0, import_vue.h)(
+          VxeUIScrollbarComponent,
+          {
+            class: "vxe-table--scrollbar-filter-body",
+            viewClassName: "vxe-table--scrollbar-filter-body-view"
+          },
+          {
+            default: () => optVNs
+          }
+        ) : (0, import_vue.h)(
+          "div",
+          {
+            class: "vxe-table--filter-body"
+          },
+          optVNs
+        )
       ];
     };
     const renderFooters = () => {
@@ -222,20 +264,32 @@ var panel_default = (0, import_comp.defineVxeComponent)({
         showFlFoot = !(compConf.showTableFilterFooter === false || compConf.showFilterFooter === false || compConf.isFooter === false);
       }
       return showFlFoot ? [
-        (0, import_vue.h)("div", {
-          class: "vxe-table--filter-footer"
-        }, [
-          (0, import_vue.h)("button", {
-            class: {
-              "is--disabled": isDisabled
-            },
-            disabled: isDisabled,
-            onClick: confirmFilter
-          }, confirmButtonText || getI18n("vxe.table.confirmFilter")),
-          (0, import_vue.h)("button", {
-            onClick: resetFilter
-          }, resetButtonText || getI18n("vxe.table.resetFilter"))
-        ])
+        (0, import_vue.h)(
+          "div",
+          {
+            class: "vxe-table--filter-footer"
+          },
+          [
+            (0, import_vue.h)(
+              "button",
+              {
+                class: {
+                  "is--disabled": isDisabled
+                },
+                disabled: isDisabled,
+                onClick: confirmFilter
+              },
+              confirmButtonText || getI18n("vxe.table.confirmFilter")
+            ),
+            (0, import_vue.h)(
+              "button",
+              {
+                onClick: resetFilter
+              },
+              resetButtonText || getI18n("vxe.table.resetFilter")
+            )
+          ]
+        )
       ] : [];
     };
     const renderVN = () => {
@@ -255,27 +309,35 @@ var panel_default = (0, import_comp.defineVxeComponent)({
       const vSize = computeSize.value;
       const filterOpts = computeFilterOpts.value;
       const { transfer, destroyOnClose, className } = filterOpts;
-      return (0, import_vue.h)(import_vue.Teleport, {
-        to: "body",
-        disabled: !transfer
-      }, [
-        (0, import_vue.h)("div", {
-          ref: refElem,
-          class: [
-            "vxe-table--filter-wrapper",
-            "filter--prevent-default",
-            className,
-            (0, import_dom.getPropClass)(filterClassName, params),
+      return (0, import_vue.h)(
+        import_vue.Teleport,
+        {
+          to: "body",
+          disabled: !transfer
+        },
+        [
+          (0, import_vue.h)(
+            "div",
             {
-              [`size--${vSize}`]: vSize,
-              "is--animat": tableProps.animat,
-              "is--multiple": column.filterMultiple,
-              "is--active": visible
-            }
-          ],
-          style: filterStore.style
-        }, initStore.filter && (destroyOnClose ? visible : true) && column ? renderOptions(filterRender, compConf).concat(renderFooters()) : [])
-      ]);
+              ref: refElem,
+              class: [
+                "vxe-table--filter-wrapper",
+                "filter--prevent-default",
+                className,
+                (0, import_dom.getPropClass)(filterClassName, params),
+                {
+                  [`size--${vSize}`]: vSize,
+                  "is--animat": tableProps.animat,
+                  "is--multiple": column.filterMultiple,
+                  "is--active": visible
+                }
+              ],
+              style: filterStore.style
+            },
+            initStore.filter && (destroyOnClose ? visible : true) && column ? renderOptions(filterRender, compConf).concat(renderFooters()) : []
+          )
+        ]
+      );
     };
     $xeFilterPanel.renderVN = renderVN;
     return $xeFilterPanel;