@juzhenfe/page-model 3.14.2 → 3.14.4

package/dist/index.es.js

@@ -185,7 +185,7 @@ const _hoisted_1$z = { class: "scenes-tab" };
 const __default__$o = {
   name: "ScenesTab"
 };
-const _sfc_main$_ = defineComponent({
+const _sfc_main$$ = defineComponent({
   ...__default__$o,
   setup(__props, { expose: __expose }) {
     const getValue2 = () => {
@@ -203,7 +203,7 @@ var index_vue_vue_type_style_index_0_lang$d = "";
 const __default__$n = {
   name: "NormalTab"
 };
-const _sfc_main$Z = defineComponent({
+const _sfc_main$_ = defineComponent({
   ...__default__$n,
   props: {
     panes: {},
@@ -1656,7 +1656,7 @@ var index_vue_vue_type_style_index_0_lang$c = "";
 const __default__$m = {
   name: "TopTabs"
 };
-const _sfc_main$Y = defineComponent({
+const _sfc_main$Z = defineComponent({
   ...__default__$m,
   props: {
     tabs: {},
@@ -1677,12 +1677,12 @@ const _sfc_main$Y = defineComponent({
     const tabComponent = computed(() => {
       if (props.tabs.useScene) {
         return {
-          component: _sfc_main$_,
+          component: _sfc_main$$,
           props: props.tabs.sceneTab
         };
       } else {
         return {
-          component: _sfc_main$Z,
+          component: _sfc_main$_,
           props: {
             panes: props.tabs.panes,
             props: props.tabs.props
@@ -2306,7 +2306,7 @@ var _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$X = defineComponent({
+const _sfc_main$Y = defineComponent({
   name: "ArrowDownBold"
 });
 const _hoisted_1$y = {
@@ -2326,8 +2326,8 @@ const _hoisted_3$o = [
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_3$o);
 }
-var arrowDownBold = /* @__PURE__ */ _export_sfc$1(_sfc_main$X, [["render", _sfc_render$j]]);
-const _sfc_main$W = defineComponent({
+var arrowDownBold = /* @__PURE__ */ _export_sfc$1(_sfc_main$Y, [["render", _sfc_render$j]]);
+const _sfc_main$X = defineComponent({
   name: "ArrowDown"
 });
 const _hoisted_1$x = {
@@ -2347,8 +2347,8 @@ const _hoisted_3$n = [
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_3$n);
 }
-var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["render", _sfc_render$i]]);
-const _sfc_main$V = defineComponent({
+var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$X, [["render", _sfc_render$i]]);
+const _sfc_main$W = defineComponent({
   name: "CaretBottom"
 });
 const _hoisted_1$w = {
@@ -2368,8 +2368,8 @@ const _hoisted_3$m = [
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$m);
 }
-var caretBottom = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["render", _sfc_render$h]]);
-const _sfc_main$U = defineComponent({
+var caretBottom = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["render", _sfc_render$h]]);
+const _sfc_main$V = defineComponent({
   name: "CaretRight"
 });
 const _hoisted_1$v = {
@@ -2389,8 +2389,8 @@ const _hoisted_3$l = [
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$l);
 }
-var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["render", _sfc_render$g]]);
-const _sfc_main$T = defineComponent({
+var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["render", _sfc_render$g]]);
+const _sfc_main$U = defineComponent({
   name: "CaretTop"
 });
 const _hoisted_1$u = {
@@ -2410,8 +2410,8 @@ const _hoisted_3$k = [
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$k);
 }
-var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["render", _sfc_render$f]]);
-const _sfc_main$S = defineComponent({
+var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["render", _sfc_render$f]]);
+const _sfc_main$T = defineComponent({
   name: "CirclePlusFilled"
 });
 const _hoisted_1$t = {
@@ -2431,8 +2431,8 @@ const _hoisted_3$j = [
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$j);
 }
-var circlePlusFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["render", _sfc_render$e]]);
-const _sfc_main$R = defineComponent({
+var circlePlusFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["render", _sfc_render$e]]);
+const _sfc_main$S = defineComponent({
   name: "CirclePlus"
 });
 const _hoisted_1$s = {
@@ -2462,8 +2462,8 @@ const _hoisted_5$4 = [
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_5$4);
 }
-var circlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["render", _sfc_render$d]]);
-const _sfc_main$Q = defineComponent({
+var circlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["render", _sfc_render$d]]);
+const _sfc_main$R = defineComponent({
   name: "Download"
 });
 const _hoisted_1$r = {
@@ -2483,8 +2483,8 @@ const _hoisted_3$h = [
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$h);
 }
-var download = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$c]]);
-const _sfc_main$P = defineComponent({
+var download = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["render", _sfc_render$c]]);
+const _sfc_main$Q = defineComponent({
   name: "Edit"
 });
 const _hoisted_1$q = {
@@ -2509,8 +2509,8 @@ const _hoisted_4$6 = [
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_4$6);
 }
-var edit = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$b]]);
-const _sfc_main$O = defineComponent({
+var edit = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$b]]);
+const _sfc_main$P = defineComponent({
   name: "Filter"
 });
 const _hoisted_1$p = {
@@ -2530,8 +2530,8 @@ const _hoisted_3$f = [
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$f);
 }
-var filter = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["render", _sfc_render$a]]);
-const _sfc_main$N = defineComponent({
+var filter = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$a]]);
+const _sfc_main$O = defineComponent({
   name: "FullScreen"
 });
 const _hoisted_1$o = {
@@ -2551,8 +2551,8 @@ const _hoisted_3$e = [
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$e);
 }
-var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["render", _sfc_render$9]]);
-const _sfc_main$M = defineComponent({
+var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["render", _sfc_render$9]]);
+const _sfc_main$N = defineComponent({
   name: "Grid"
 });
 const _hoisted_1$n = {
@@ -2572,8 +2572,8 @@ const _hoisted_3$d = [
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$d);
 }
-var grid = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$8]]);
-const _sfc_main$L = defineComponent({
+var grid = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["render", _sfc_render$8]]);
+const _sfc_main$M = defineComponent({
   name: "Loading"
 });
 const _hoisted_1$m = {
@@ -2593,8 +2593,8 @@ const _hoisted_3$c = [
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$c);
 }
-var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["render", _sfc_render$7]]);
-const _sfc_main$K = defineComponent({
+var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$7]]);
+const _sfc_main$L = defineComponent({
   name: "Menu"
 });
 const _hoisted_1$l = {
@@ -2614,8 +2614,8 @@ const _hoisted_3$b = [
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$b);
 }
-var menu = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["render", _sfc_render$6]]);
-const _sfc_main$J = defineComponent({
+var menu = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["render", _sfc_render$6]]);
+const _sfc_main$K = defineComponent({
   name: "QuestionFilled"
 });
 const _hoisted_1$k = {
@@ -2635,8 +2635,8 @@ const _hoisted_3$a = [
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$a);
 }
-var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["render", _sfc_render$5]]);
-const _sfc_main$I = defineComponent({
+var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["render", _sfc_render$5]]);
+const _sfc_main$J = defineComponent({
   name: "RefreshLeft"
 });
 const _hoisted_1$j = {
@@ -2656,8 +2656,8 @@ const _hoisted_3$9 = [
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$9);
 }
-var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["render", _sfc_render$4]]);
-const _sfc_main$H = defineComponent({
+var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["render", _sfc_render$4]]);
+const _sfc_main$I = defineComponent({
   name: "RemoveFilled"
 });
 const _hoisted_1$i = {
@@ -2677,8 +2677,8 @@ const _hoisted_3$8 = [
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$8);
 }
-var removeFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["render", _sfc_render$3]]);
-const _sfc_main$G = defineComponent({
+var removeFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["render", _sfc_render$3]]);
+const _sfc_main$H = defineComponent({
   name: "Remove"
 });
 const _hoisted_1$h = {
@@ -2703,8 +2703,8 @@ const _hoisted_4$5 = [
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_4$5);
 }
-var remove = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["render", _sfc_render$2]]);
-const _sfc_main$F = defineComponent({
+var remove = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["render", _sfc_render$2]]);
+const _sfc_main$G = defineComponent({
   name: "Select"
 });
 const _hoisted_1$g = {
@@ -2724,8 +2724,8 @@ const _hoisted_3$6 = [
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$6);
 }
-var select = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["render", _sfc_render$1]]);
-const _sfc_main$E = defineComponent({
+var select = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["render", _sfc_render$1]]);
+const _sfc_main$F = defineComponent({
   name: "Tools"
 });
 const _hoisted_1$f = {
@@ -2745,12 +2745,12 @@ const _hoisted_3$5 = [
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$5);
 }
-var tools = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["render", _sfc_render]]);
+var tools = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["render", _sfc_render]]);
 const formManagerProvideKey = Symbol("form-manager");
 const registerPropertyProvideKey = Symbol("registerProperty");
 const isOpenAuthButtonProvideKey = Symbol("isOpenAuthButton");
 const authButtonsProvideKey = Symbol("authButtons");
-const _sfc_main$D = {
+const _sfc_main$E = {
   name: "ButtonItemRender",
   props: {
     text: {
@@ -2778,7 +2778,7 @@ var index_vue_vue_type_style_index_0_lang$b = "";
 const __default__$l = {
   name: "ButtonRenderer"
 };
-const _sfc_main$C = defineComponent({
+const _sfc_main$D = defineComponent({
   ...__default__$l,
   props: {
     els: {},
@@ -2920,7 +2920,7 @@ const _sfc_main$C = defineComponent({
                   onClick: withModifiers(($event) => handleButtonClick(index2), ["stop"])
                 }), {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$D, {
+                    createVNode(_sfc_main$E, {
                       context: _ctx.context,
                       "render-fn": button.renderFn,
                       text: button.text
@@ -2944,7 +2944,7 @@ const _sfc_main$C = defineComponent({
               default: withCtx(() => {
                 var _a2;
                 return [
-                  button.renderFn ? (openBlock(), createBlock(_sfc_main$D, {
+                  button.renderFn ? (openBlock(), createBlock(_sfc_main$E, {
                     key: 0,
                     context: _ctx.context,
                     "render-fn": button.renderFn,
@@ -2972,7 +2972,7 @@ const _sfc_main$C = defineComponent({
     };
   }
 });
-var index_vue_vue_type_style_index_0_scoped_true_lang$8 = "";
+var index_vue_vue_type_style_index_0_scoped_true_lang$9 = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -2985,7 +2985,7 @@ const __default__$k = {
   name: "SelectableOpearte",
   inheritAttrs: false
 };
-const _sfc_main$B = defineComponent({
+const _sfc_main$C = defineComponent({
   ...__default__$k,
   props: {
     els: {},
@@ -3000,7 +3000,7 @@ const _sfc_main$B = defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createVNode(_sfc_main$C, mergeProps({
+        createVNode(_sfc_main$D, mergeProps({
           els: props.els,
           "execute-data": [executeData.value],
           context: props.manager
@@ -3009,7 +3009,7 @@ const _sfc_main$B = defineComponent({
     };
   }
 });
-var SelectableOperate = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-4e4544c2"]]);
+var SelectableOperate = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-4e4544c2"]]);
 class SearchFormManager extends IManager {
   constructor(form) {
     super();
@@ -3077,7 +3077,7 @@ class SearchFormManager extends IManager {
     this.manager = manager;
   }
 }
-const _sfc_main$A = defineComponent({
+const _sfc_main$B = defineComponent({
   name: "FormItemRenderer",
   props: {
     modelValue: null,
@@ -3299,7 +3299,7 @@ var index_vue_vue_type_style_index_0_lang$a = "";
 const _hoisted_1$d = { class: "el-dialog__title" };
 const MIN_WIDTH = 300;
 const MIN_HEIGHT = 160;
-const _sfc_main$z = defineComponent({
+const _sfc_main$A = defineComponent({
   __name: "index",
   props: {
     modelValue: { type: Boolean },
@@ -3392,7 +3392,7 @@ const _sfc_main$z = defineComponent({
   }
 });
 var index_vue_vue_type_style_index_0_lang$9 = "";
-const _sfc_main$y = defineComponent({
+const _sfc_main$z = defineComponent({
   __name: "index",
   emits: ["filter"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -3427,7 +3427,7 @@ const _sfc_main$y = defineComponent({
       const _component_el_form_item = resolveComponent("el-form-item");
       const _component_el_form = resolveComponent("el-form");
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$A, {
         modelValue: isShow.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isShow.value = $event),
         title: "\u7B5B\u9009\u6761\u4EF6",
@@ -3473,7 +3473,7 @@ const _sfc_main$y = defineComponent({
                   prop: item.prop
                 }), {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$A, {
+                    createVNode(_sfc_main$B, {
                       modelValue: formData.value[item.prop],
                       "onUpdate:modelValue": ($event) => formData.value[item.prop] = $event,
                       renderFn: item.renderFn,
@@ -4142,7 +4142,7 @@ var index_vue_vue_type_style_index_0_lang$8 = "";
 const __default__$j = {
   name: "PageModelSearchForm"
 };
-const _sfc_main$x = defineComponent({
+const _sfc_main$y = defineComponent({
   ...__default__$j,
   props: {
     form: {},
@@ -4296,7 +4296,7 @@ const _sfc_main$x = defineComponent({
                   style: { width: ((_a = item.style) == null ? void 0 : _a.width) || unref(searchFormItemWidth) }
                 }), {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$A, {
+                    createVNode(_sfc_main$B, {
                       modelValue: searchFormManager.formData[item.prop],
                       "onUpdate:modelValue": ($event) => searchFormManager.formData[item.prop] = $event,
                       renderFn: item.renderFn,
@@ -4379,7 +4379,7 @@ const _sfc_main$x = defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 2),
-        searchFormManager.expandMode === "dialog" && showFormEls.value.length && unref(showMoreButton) ? (openBlock(), createBlock(_sfc_main$y, {
+        searchFormManager.expandMode === "dialog" && showFormEls.value.length && unref(showMoreButton) ? (openBlock(), createBlock(_sfc_main$z, {
           key: 0,
           ref_key: "SearchFormFullRef",
           ref: SearchFormFullRef,
@@ -5160,6 +5160,13 @@ class TableManager extends IManager {
   }
   updateCurrentRenderTableEls(els) {
     this.currentRenderTableEls = els;
+    this.onCurrentRenderTableElsChange();
+  }
+  onCurrentRenderTableElsChange() {
+    const propList = this.currentRenderTableEls.map((a) => a.prop).filter((a) => a);
+    this.columnParamsList = this.columnParamsList.filter((a) => {
+      return propList.includes(a.prop);
+    });
   }
   get hiddeenFieldCount() {
     return this.table.els.length - this.currentRenderTableEls.length;
@@ -5201,7 +5208,7 @@ class TableManager extends IManager {
     this.removeCellOutClickEvent();
   }
 }
-const _sfc_main$w = defineComponent({
+const _sfc_main$x = defineComponent({
   name: "TableCellRenderer",
   props: {
     renderFn: {
@@ -5239,14 +5246,15 @@ const _sfc_main$w = defineComponent({
     };
   }
 });
-var index_vue_vue_type_style_index_0_scoped_true_lang$7 = "";
+var index_vue_vue_type_style_index_0_scoped_true_lang$8 = "";
 const __default__$i = {
   name: "SimplePopover"
 };
-const _sfc_main$v = defineComponent({
+const _sfc_main$w = defineComponent({
   ...__default__$i,
   props: {
-    width: { default: 200 }
+    width: { default: 200 },
+    placement: { default: "right" }
   },
   setup(__props, { expose: __expose }) {
     const { BEMSpace } = createBEMSpace("simple-popover");
@@ -5281,7 +5289,12 @@ const _sfc_main$v = defineComponent({
       if (top == null) {
         return {};
       }
-      let _left = left - props.width + width - 2;
+      let _left = 0;
+      if (props.placement === "left") {
+        _left = left - props.width + width - 2;
+      } else {
+        _left = left;
+      }
       _left = Math.max(_left, 10);
       return {
         top: top + height + 4 + "px",
@@ -5366,7 +5379,7 @@ const _sfc_main$v = defineComponent({
     };
   }
 });
-var SimplePopover = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-7a8bb01c"]]);
+var SimplePopover = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-6ec51dc6"]]);
 var FilterItemTypeEnum$1 = /* @__PURE__ */ ((FilterItemTypeEnum2) => {
   FilterItemTypeEnum2["\u6587\u5B57"] = "string";
   FilterItemTypeEnum2["\u6570\u5B57"] = "number";
@@ -5376,6 +5389,19 @@ var FilterItemTypeEnum$1 = /* @__PURE__ */ ((FilterItemTypeEnum2) => {
   FilterItemTypeEnum2["\u5355\u9009\u503C"] = "select";
   return FilterItemTypeEnum2;
 })(FilterItemTypeEnum$1 || {});
+var FilterMatchModeEnum$1 = /* @__PURE__ */ ((FilterMatchModeEnum2) => {
+  FilterMatchModeEnum2["\u5305\u542B"] = "contain";
+  FilterMatchModeEnum2["\u4E0D\u5305\u542B"] = "notContain";
+  FilterMatchModeEnum2["\u5F00\u59CB\u4E8E"] = "StartsWith";
+  FilterMatchModeEnum2["\u7ED3\u675F\u4E8E"] = "EndsWith";
+  FilterMatchModeEnum2["\u7B49\u4E8E"] = "eq";
+  FilterMatchModeEnum2["\u4E0D\u7B49\u4E8E"] = "neq";
+  FilterMatchModeEnum2["\u5927\u4E8E"] = "gt";
+  FilterMatchModeEnum2["\u5C0F\u4E8E"] = "lt";
+  FilterMatchModeEnum2["\u5927\u4E8E\u7B49\u4E8E"] = "ge";
+  FilterMatchModeEnum2["\u5C0F\u4E8E\u7B49\u4E8E"] = "le";
+  return FilterMatchModeEnum2;
+})(FilterMatchModeEnum$1 || {});
 const compareOptions$1 = {
   ["string"]: [
     {
@@ -5456,9 +5482,9 @@ const compareOptions$1 = {
     }
   ]
 };
-var index_vue_vue_type_style_index_0_scoped_true_lang$6 = "";
+var index_vue_vue_type_style_index_0_scoped_true_lang$7 = "";
 const _hoisted_1$c = { key: 1 };
-const _sfc_main$u = defineComponent({
+const _sfc_main$v = defineComponent({
   __name: "index",
   props: {
     tableManager: {}
@@ -5473,6 +5499,27 @@ const _sfc_main$u = defineComponent({
     const filterMultiple = ref(false);
     const hasCompare = ref(false);
     const filterList = ref([]);
+    const multSelectDatas = computed(() => {
+      const listFilter = filterList.value.filter(
+        (a) => a.filterType === FilterItemTypeEnum$1.\u591A\u9009\u503C
+      );
+      return listFilter.reduce((memo, item) => {
+        var _a;
+        const selectedValue = item.value || [];
+        const allSelected = selectedValue.length === ((_a = item.filterOptions) == null ? void 0 : _a.length);
+        memo[item.prop] = {
+          modelValue: allSelected,
+          indeterminate: !allSelected && selectedValue.length > 0
+        };
+        return memo;
+      }, {});
+    });
+    const handleMultSelectChange = (prop, value) => {
+      const multItem = filterList.value.find((a) => a.prop === prop);
+      const filterOptions = multItem.filterOptions || [];
+      const newValue = value ? filterOptions.map((a) => a.value) : [];
+      multItem.value = newValue;
+    };
     const getAddFilterItem = () => {
       const formData = {
         prop: currentColumn.value.prop,
@@ -5777,6 +5824,14 @@ const _sfc_main$u = defineComponent({
                 createElementVNode("div", {
                   class: normalizeClass(unref(createBEMName)("input"))
                 }, [
+                  createVNode(_component_el_checkbox, mergeProps({ ref_for: true }, multSelectDatas.value[item.prop], {
+                    onChange: ($event) => handleMultSelectChange(item.prop, $event)
+                  }), {
+                    default: withCtx(() => [
+                      createTextVNode("\u5168\u9009")
+                    ]),
+                    _: 2
+                  }, 1040, ["onChange"]),
                   createVNode(_component_el_checkbox_group, {
                     modelValue: item.value,
                     "onUpdate:modelValue": ($event) => item.value = $event
@@ -5839,7 +5894,7 @@ const _sfc_main$u = defineComponent({
     };
   }
 });
-var FilterZone$1 = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-1bc1589a"]]);
+var FilterZone$1 = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-41c68f2e"]]);
 var index_vue_vue_type_style_index_0_lang$7 = "";
 const _hoisted_1$b = ["data-key", "title"];
 const _hoisted_2$7 = {
@@ -5866,7 +5921,7 @@ const _hoisted_10 = ["onClick"];
 const __default__$h = {
   name: "TableColumn"
 };
-const _sfc_main$t = defineComponent({
+const _sfc_main$u = defineComponent({
   ...__default__$h,
   props: {
     els: {},
@@ -6053,7 +6108,7 @@ const _sfc_main$t = defineComponent({
                 ) ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
                   column.editData ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createElementVNode("div", _hoisted_6$2, [
-                      createVNode(_sfc_main$A, {
+                      createVNode(_sfc_main$B, {
                         modelValue: row[column.editData.prop || column.prop],
                         renderFn: column.editData.renderFn,
                         context: props.context,
@@ -6089,7 +6144,7 @@ const _sfc_main$t = defineComponent({
                     ])) : createCommentVNode("", true)
                   ], 64)) : (openBlock(), createElementBlock("div", _hoisted_8, "\u8BE5\u5217\u672A\u8BBE\u7F6E\u7F16\u8F91\u7EC4\u4EF6"))
                 ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  column.renderFn && $index !== -1 ? (openBlock(), createBlock(_sfc_main$w, {
+                  column.renderFn && $index !== -1 ? (openBlock(), createBlock(_sfc_main$x, {
                     key: 0,
                     "render-fn": column.renderFn,
                     context: props.context,
@@ -7093,7 +7148,7 @@ var Sortable = Sortable_min.exports;
 const __default__$g = {
   name: "DraggableList"
 };
-const _sfc_main$s = defineComponent({
+const _sfc_main$t = defineComponent({
   ...__default__$g,
   props: {
     modelValue: {},
@@ -7194,7 +7249,7 @@ var setting_vue_vue_type_style_index_1_lang$2 = "";
 const __default__$f = {
   name: "SaveColumnSetting"
 };
-const _sfc_main$r = defineComponent({
+const _sfc_main$s = defineComponent({
   ...__default__$f,
   props: {
     onlyShow: { type: Boolean, default: false }
@@ -7270,7 +7325,7 @@ const _sfc_main$r = defineComponent({
       const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_input_number = resolveComponent("el-input-number");
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$A, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
         title: "\u7F16\u8F91\u8868\u683C",
@@ -7319,7 +7374,7 @@ const _sfc_main$r = defineComponent({
           createElementVNode("div", {
             class: normalizeClass(unref(createBEMName)("column-table-wrap"))
           }, [
-            createVNode(_sfc_main$s, {
+            createVNode(_sfc_main$t, {
               modelValue: innerEls.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
               "item-key": "_key"
@@ -7514,7 +7569,7 @@ var userConfig_vue_vue_type_style_index_1_lang = "";
 const __default__$e = {
   name: "SaveUserConfig"
 };
-const _sfc_main$q = defineComponent({
+const _sfc_main$r = defineComponent({
   ...__default__$e,
   emits: ["submit", "closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -7578,7 +7633,7 @@ const _sfc_main$q = defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$A, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
         title: "\u7F16\u8F91\u79C1\u4EBA\u914D\u7F6E",
@@ -7653,7 +7708,7 @@ const _hoisted_2$6 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ create
 const _hoisted_3$3 = ["title"];
 const _hoisted_4$3 = ["title", "onClick"];
 const _hoisted_5$2 = ["title", "onClick"];
-const _sfc_main$p = defineComponent({
+const _sfc_main$q = defineComponent({
   __name: "index",
   props: {
     els: {}
@@ -7785,7 +7840,7 @@ const _sfc_main$p = defineComponent({
         createElementVNode("div", {
           class: normalizeClass(unref(createBEMName)("list"))
         }, [
-          createVNode(_sfc_main$s, {
+          createVNode(_sfc_main$t, {
             modelValue: innerEls.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => innerEls.value = $event),
             class: normalizeClass(unref(BEMSpace))
@@ -7851,14 +7906,14 @@ const _sfc_main$p = defineComponent({
             _: 1
           })
         ], 2),
-        unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$r, {
+        unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$s, {
           key: 0,
           ref_key: "columnToolsSettingRef",
           ref: columnToolsSettingRef,
           onSubmit: onSubmitColumns,
           onClosed: unref(onColumnToolsSettingClosed)
         }, null, 8, ["onClosed"])) : createCommentVNode("", true),
-        unref(isRenderUserConfig) ? (openBlock(), createBlock(_sfc_main$q, {
+        unref(isRenderUserConfig) ? (openBlock(), createBlock(_sfc_main$r, {
           key: 1,
           ref_key: "userConfigRef",
           ref: userConfigRef,
@@ -7869,8 +7924,8 @@ const _sfc_main$p = defineComponent({
     };
   }
 });
-var ColumnTools$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-7bf8eedc"]]);
-var index_vue_vue_type_style_index_0_scoped_true_lang$5 = "";
+var ColumnTools$1 = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-7bf8eedc"]]);
+var index_vue_vue_type_style_index_0_scoped_true_lang$6 = "";
 const _withScopeId$1 = (n) => (pushScopeId("data-v-15dbe923"), n = n(), popScopeId(), n);
 const _hoisted_1$9 = { key: 0 };
 const _hoisted_2$5 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "export-wrod" }, "\u4ECE\u7B2C", -1));
@@ -7879,7 +7934,7 @@ const _hoisted_4$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
 const _hoisted_5$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
 const _hoisted_6$1 = { class: "export-columns" };
 const _hoisted_7$1 = { class: "bottom-box" };
-const _sfc_main$o = defineComponent({
+const _sfc_main$p = defineComponent({
   __name: "index",
   emits: ["closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -8032,7 +8087,7 @@ const _sfc_main$o = defineComponent({
       const _component_el_empty = resolveComponent("el-empty");
       const _component_el_button = resolveComponent("el-button");
       const _directive_loading = resolveDirective("loading");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$A, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => visible.value = $event),
         title: "\u5BFC\u51FA\u8868\u683C\u6570\u636E",
@@ -8206,7 +8261,7 @@ const _sfc_main$o = defineComponent({
     };
   }
 });
-var ExportForm = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-15dbe923"]]);
+var ExportForm = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-15dbe923"]]);
 const SAVE_NAME$2 = "table-columns";
 const columnsSaver$1 = new ConfigSaver(SAVE_NAME$2);
 const saveTableColumns = columnsSaver$1.setContents.bind(columnsSaver$1);
@@ -8217,7 +8272,7 @@ const _hoisted_1$8 = { class: "el-table__empty-data" };
 const __default__$d = {
   name: "EmptyData"
 };
-const _sfc_main$n = defineComponent({
+const _sfc_main$o = defineComponent({
   ...__default__$d,
   props: {
     text: {}
@@ -8230,11 +8285,11 @@ const _sfc_main$n = defineComponent({
     };
   }
 });
-var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
+var index_vue_vue_type_style_index_0_scoped_true_lang$5 = "";
 const __default__$c = {
   name: "SelectionsTable"
 };
-const _sfc_main$m = defineComponent({
+const _sfc_main$n = defineComponent({
   ...__default__$c,
   emits: ["closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -8301,7 +8356,7 @@ const _sfc_main$m = defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$A, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
         title: "\u5DF2\u9009\u6570\u636E",
@@ -8350,7 +8405,7 @@ const _sfc_main$m = defineComponent({
     };
   }
 });
-var SelectionsTable = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-3b4b4ed8"]]);
+var SelectionsTable = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-3b4b4ed8"]]);
 const useSelectionsTable = () => {
   const selectionsTableRef = ref();
   const isRenderSelectionsTable = ref(false);
@@ -8512,7 +8567,7 @@ const useExportForm = () => {
     onExportFormClosed: onClosed
   };
 };
-const _sfc_main$l = {
+const _sfc_main$m = {
   props: {
     isLoading: {
       type: Boolean,
@@ -8561,12 +8616,7 @@ const useColumnDrag = () => {
         if (oldDraggableIndex === newDraggableIndex) {
           return;
         }
-        const _list = jsonClone(opt.getEls());
-        const [spliceItem] = _list.splice(oldDraggableIndex, 1);
-        let insertIndex;
-        insertIndex = newDraggableIndex;
-        _list.splice(insertIndex, 0, spliceItem);
-        opt.cb(_list);
+        opt.cb(oldDraggableIndex, newDraggableIndex);
       }
     });
   };
@@ -8583,7 +8633,7 @@ const __default__$b = {
   name: "PageModelTable",
   inheritAttrs: false
 };
-const _sfc_main$k = defineComponent({
+const _sfc_main$l = defineComponent({
   ...__default__$b,
   props: {
     table: {},
@@ -8715,11 +8765,11 @@ const _sfc_main$k = defineComponent({
       (_a = tableRef.value) == null ? void 0 : _a.doLayout();
     };
     const simplePopoverRef = ref();
-    const showSimplePopover = (element) => {
+    const showColumnToolSimplePopover = (element) => {
       var _a;
       (_a = simplePopoverRef.value) == null ? void 0 : _a.show(element);
     };
-    const hideSimplePopover = () => {
+    const hideColumnToolSimplePopover = () => {
       var _a;
       (_a = simplePopoverRef.value) == null ? void 0 : _a.hide();
     };
@@ -8731,10 +8781,18 @@ const _sfc_main$k = defineComponent({
       if (tableManager.table.dragable) {
         initTableDrag({
           element: tableRef.value.$el.querySelector(".el-table__header thead tr"),
-          getEls() {
-            return renderedTableEls.value;
-          },
-          cb(newList) {
+          cb(oldIndex, newIndex) {
+            const oldItem = renderedTableEls.value[oldIndex];
+            const newItem = renderedTableEls.value[newIndex];
+            const newList = jsonClone(filteredUserEls.value);
+            const realOldItemIndex = newList.findIndex(
+              (a) => a.prop === oldItem.prop && a.label === oldItem.label
+            );
+            const realNewIemndex = newList.findIndex(
+              (a) => a.prop === newItem.prop && a.label === newItem.label
+            );
+            const [spliceItem] = newList.splice(realOldItemIndex, 1);
+            newList.splice(realNewIemndex, 0, spliceItem);
             onSaveColumns(newList);
           }
         });
@@ -8747,20 +8805,7 @@ const _sfc_main$k = defineComponent({
       if (newWidth === oldWidth) {
         return false;
       }
-      const originTableEls = table.value.els;
-      const userConfig = getUserConfig(originTableEls) || {};
-      const filteredUserEls2 = tableManager.saveContent.map((item) => {
-        const fItem = originTableEls[item.index];
-        fItem.userConfigShow = !!item.show;
-        fItem.showSummary = item.sum;
-        fItem.userLabel = item.ul;
-        fItem.width = item.w || void 0;
-        fItem.minWidth = item.mw || void 0;
-        fItem.fixed = item.fix || void 0;
-        fItem.showRowNumbers = userConfig.showRowNumbers;
-        return fItem;
-      });
-      const newList = jsonClone(filteredUserEls2);
+      const newList = jsonClone(filteredUserEls.value);
       const _column = newList.find(
         (item) => item.label === column.label && item.prop === column.property
       );
@@ -8787,8 +8832,9 @@ const _sfc_main$k = defineComponent({
       showExport,
       clearSelection,
       getRenderedEls,
-      showSimplePopover,
-      hideSimplePopover
+      showColumnToolSimplePopover,
+      hideColumnToolSimplePopover,
+      handleColumnScreen
     });
     return (_ctx, _cache) => {
       const _component_el_radio = resolveComponent("el-radio");
@@ -8799,7 +8845,7 @@ const _sfc_main$k = defineComponent({
       const _component_el_popconfirm = resolveComponent("el-popconfirm");
       const _component_el_pagination = resolveComponent("el-pagination");
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$l, {
+        createVNode(_sfc_main$m, {
           class: normalizeClass([unref(createBEMName)("table")]),
           isLoading: tableManager.loadingData,
           directiveName: table.value.loadingDirectiveName
@@ -8823,7 +8869,7 @@ const _sfc_main$k = defineComponent({
                     unref(PageModelManager).emptyTableComponent ? (openBlock(), createBlock(resolveDynamicComponent(unref(PageModelManager).emptyTableComponent), {
                       key: 0,
                       text: (_a = tableManager == null ? void 0 : tableManager.tableProps) == null ? void 0 : _a.emptyText
-                    }, null, 8, ["text"])) : (openBlock(), createBlock(_sfc_main$n, {
+                    }, null, 8, ["text"])) : (openBlock(), createBlock(_sfc_main$o, {
                       key: 1,
                       text: (_b = tableManager == null ? void 0 : tableManager.tableProps) == null ? void 0 : _b.emptyText
                     }, null, 8, ["text"]))
@@ -8884,7 +8930,7 @@ const _sfc_main$k = defineComponent({
                         width: table.value.operate.width
                       }, table.value.operate.props), {
                         default: withCtx(({ row, $index }) => [
-                          createVNode(_sfc_main$C, mergeProps({
+                          createVNode(_sfc_main$D, mergeProps({
                             els: table.value.operate.els,
                             context: tableManager,
                             executeData: [row, $index]
@@ -8893,7 +8939,7 @@ const _sfc_main$k = defineComponent({
                         _: 1
                       }, 16, ["width"])) : createCommentVNode("", true)
                     ], 64)) : createCommentVNode("", true),
-                    createVNode(_sfc_main$t, {
+                    createVNode(_sfc_main$u, {
                       els: renderedTableEls.value,
                       context: tableManager,
                       onColumnScreen: handleColumnScreen
@@ -8905,7 +8951,7 @@ const _sfc_main$k = defineComponent({
                         width: table.value.operate.width
                       }, table.value.operate.props), {
                         default: withCtx(({ row, $index }) => [
-                          createVNode(_sfc_main$C, mergeProps({
+                          createVNode(_sfc_main$D, mergeProps({
                             els: table.value.operate.els,
                             context: tableManager,
                             executeData: [row, $index]
@@ -8923,7 +8969,7 @@ const _sfc_main$k = defineComponent({
                         createVNode(_component_el_icon, {
                           size: "16px",
                           class: normalizeClass(unref(createBEMName)("tools")),
-                          onClick: _cache[0] || (_cache[0] = ($event) => showSimplePopover($event.currentTarget))
+                          onClick: _cache[0] || (_cache[0] = ($event) => showColumnToolSimplePopover($event.currentTarget))
                         }, {
                           default: withCtx(() => [
                             createVNode(unref(tools))
@@ -9168,13 +9214,13 @@ class FormManager extends IManager {
     this.destroyReflect();
   }
 }
-var index_vue_vue_type_style_index_0_scoped_true_lang$3 = "";
+var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
 const _hoisted_1$7 = ["onClick"];
 const _hoisted_2$4 = { class: "section-item__title-text" };
 const __default__$a = {
   name: "SectionTitleEl"
 };
-const _sfc_main$j = defineComponent({
+const _sfc_main$k = defineComponent({
   ...__default__$a,
   props: {
     els: {},
@@ -9313,11 +9359,11 @@ const _sfc_main$j = defineComponent({
     };
   }
 });
-var SectionTitleEl = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-7a2c16fe"]]);
+var SectionTitleEl = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-7a2c16fe"]]);
 const __default__$9 = {
   name: "TabsModeContainer"
 };
-const _sfc_main$i = defineComponent({
+const _sfc_main$j = defineComponent({
   ...__default__$9,
   props: {
     props: {},
@@ -9413,7 +9459,7 @@ const _sfc_main$i = defineComponent({
 const __default__$8 = {
   name: "ModuleContainer"
 };
-const _sfc_main$h = defineComponent({
+const _sfc_main$i = defineComponent({
   ...__default__$8,
   props: {
     els: {},
@@ -9426,7 +9472,7 @@ const _sfc_main$h = defineComponent({
     const props = __props;
     const containerConfig = computed(() => {
       return {
-        component: markRaw(_sfc_main$i),
+        component: markRaw(_sfc_main$j),
         props: {
           props: props.moduleConfig.props,
           els: props.els,
@@ -9463,7 +9509,7 @@ columnsSaver.setContents.bind(columnsSaver);
 columnsSaver.genScopeItemKey.bind(columnsSaver);
 const saveColumns = columnsSaver.saveContentItem.bind(columnsSaver);
 const getColumns = columnsSaver.getContentItem.bind(columnsSaver);
-const _sfc_main$g = defineComponent({
+const _sfc_main$h = defineComponent({
   __name: "index",
   props: {
     els: {},
@@ -9500,7 +9546,7 @@ const _sfc_main$g = defineComponent({
       return sectionConfig;
     });
     return (_ctx, _cache) => {
-      return useModule.value ? (openBlock(), createBlock(_sfc_main$h, {
+      return useModule.value ? (openBlock(), createBlock(_sfc_main$i, {
         key: 0,
         rowProps: _ctx.form.rowProps,
         sectionConfig: useSectionConfig.value,
@@ -9526,7 +9572,7 @@ const _sfc_main$g = defineComponent({
     };
   }
 });
-const _sfc_main$f = defineComponent({
+const _sfc_main$g = defineComponent({
   __name: "index",
   props: {
     form: {},
@@ -9538,7 +9584,7 @@ const _sfc_main$f = defineComponent({
     const props = __props;
     const containerConfig = computed(() => {
       return {
-        component: markRaw(_sfc_main$g),
+        component: markRaw(_sfc_main$h),
         props: {
           els: props.els,
           form: props.form,
@@ -9574,7 +9620,7 @@ const _hoisted_4$1 = {
 const __default__$7 = {
   name: "SaveColumnSetting"
 };
-const _sfc_main$e = defineComponent({
+const _sfc_main$f = defineComponent({
   ...__default__$7,
   emits: ["submit", "closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -9686,7 +9732,7 @@ const _sfc_main$e = defineComponent({
       const _component_el_tab_pane = resolveComponent("el-tab-pane");
       const _component_el_tabs = resolveComponent("el-tabs");
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$A, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
         title: "\u8868\u5355\u914D\u7F6E",
@@ -9752,7 +9798,7 @@ const _sfc_main$e = defineComponent({
                           ], 2);
                         }), 128))
                       ], 2),
-                      createVNode(_sfc_main$s, {
+                      createVNode(_sfc_main$t, {
                         modelValue: innerEls.value,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
                         "item-key": "_key"
@@ -9880,7 +9926,7 @@ var index_vue_vue_type_style_index_0_lang$4 = "";
 const __default__$6 = {
   name: "PageModelForm"
 };
-const _sfc_main$d = defineComponent({
+const _sfc_main$e = defineComponent({
   ...__default__$6,
   props: {
     form: {},
@@ -10090,7 +10136,7 @@ const _sfc_main$d = defineComponent({
         class: unref(BEMSpace)
       }), {
         default: withCtx(() => [
-          createVNode(_sfc_main$f, {
+          createVNode(_sfc_main$g, {
             els: totalShowFormEls.value,
             form: form.value,
             formManager,
@@ -10112,7 +10158,7 @@ const _sfc_main$d = defineComponent({
                         key: 0,
                         class: normalizeClass(unref(createBEMName)("prefix"))
                       }, toDisplayString(renderDeText(item.prefix, formManager.formData)), 3)) : createCommentVNode("", true),
-                      createVNode(_sfc_main$A, {
+                      createVNode(_sfc_main$B, {
                         modelValue: formManager.formData[item.prop],
                         renderFn: item.renderFn,
                         context: formManager,
@@ -10141,7 +10187,7 @@ const _sfc_main$d = defineComponent({
             ]),
             _: 1
           }, 8, ["els", "form", "formManager", "errorProp"]),
-          unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$e, {
+          unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$f, {
             key: 0,
             ref_key: "columnToolsSettingRef",
             ref: columnToolsSettingRef,
@@ -10154,8 +10200,8 @@ const _sfc_main$d = defineComponent({
     };
   }
 });
-var PageModelForm = _sfc_main$d;
-const _sfc_main$c = defineComponent({
+var PageModelForm = _sfc_main$e;
+const _sfc_main$d = defineComponent({
   __name: "index",
   props: {
     props: {},
@@ -10239,7 +10285,7 @@ const _sfc_main$c = defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return formVisible.value ? (openBlock(), createBlock(_sfc_main$z, {
+      return formVisible.value ? (openBlock(), createBlock(_sfc_main$A, {
         key: 0,
         modelValue: formVisible.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formVisible.value = $event),
@@ -10283,7 +10329,7 @@ const _sfc_main$c = defineComponent({
   }
 });
 var index_vue_vue_type_style_index_0_lang$3 = "";
-const _sfc_main$b = defineComponent({
+const _sfc_main$c = defineComponent({
   __name: "index",
   props: {
     props: {},
@@ -10435,7 +10481,7 @@ const _sfc_main$b = defineComponent({
 });
 var index_vue_vue_type_style_index_0_lang$2 = "";
 const _hoisted_1$5 = { class: "el-drawer_title" };
-const _sfc_main$a = defineComponent({
+const _sfc_main$b = defineComponent({
   __name: "index",
   props: {
     modelValue: { type: Boolean },
@@ -10491,7 +10537,7 @@ const _sfc_main$a = defineComponent({
     };
   }
 });
-const _sfc_main$9 = defineComponent({
+const _sfc_main$a = defineComponent({
   __name: "index",
   props: {
     props: {},
@@ -10584,7 +10630,7 @@ const _sfc_main$9 = defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return formVisible.value ? (openBlock(), createBlock(_sfc_main$a, {
+      return formVisible.value ? (openBlock(), createBlock(_sfc_main$b, {
         key: 0,
         ref_key: "formDrawerRef",
         ref: formDrawerRef,
@@ -10630,7 +10676,7 @@ const _sfc_main$9 = defineComponent({
     };
   }
 });
-const _sfc_main$8 = defineComponent({
+const _sfc_main$9 = defineComponent({
   __name: "index",
   props: {
     form: {},
@@ -10645,27 +10691,27 @@ const _sfc_main$8 = defineComponent({
       const mode = (_a = props.form.mode) != null ? _a : "dialog";
       if (mode === "dialog") {
         return {
-          component: _sfc_main$c,
+          component: _sfc_main$d,
           props: props.form.dialogProps
         };
       } else if (mode === "fullpage") {
         return {
-          component: _sfc_main$b,
+          component: _sfc_main$c,
           props: props.form.fullpageProps
         };
       } else if (mode === "drawer") {
         return {
-          component: _sfc_main$9,
+          component: _sfc_main$a,
           props: props.form.drawerProps
         };
       } else if (mode === "custom") {
         return {
-          component: props.form.formContainer || _sfc_main$c,
+          component: props.form.formContainer || _sfc_main$d,
           props: props.form.formContainerProps
         };
       } else {
         return {
-          component: _sfc_main$c,
+          component: _sfc_main$d,
           props: props.form.dialogProps
         };
       }
@@ -10821,9 +10867,9 @@ class FilterTools {
     this.filterList = [];
   }
 }
-var index_vue_vue_type_style_index_0_scoped_true_lang$2 = "";
+var index_vue_vue_type_style_index_0_scoped_true_lang$3 = "";
 const _hoisted_1$4 = ["onClick"];
-const _sfc_main$7 = defineComponent({
+const _sfc_main$8 = defineComponent({
   __name: "index",
   props: {
     manager: {},
@@ -11063,7 +11109,7 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-var FilterZone = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-3b3a557e"]]);
+var FilterZone = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-3b3a557e"]]);
 function getDateValue(value) {
   return value == null ? void 0 : value.split(" ")[0];
 }
@@ -11157,7 +11203,7 @@ const getFilters = configSaver.getContentItem.bind(configSaver);
 const __default__$5 = {
   name: "FilterTools"
 };
-const _sfc_main$6 = defineComponent({
+const _sfc_main$7 = defineComponent({
   ...__default__$5,
   props: {
     manager: {}
@@ -11244,6 +11290,363 @@ const _sfc_main$6 = defineComponent({
     };
   }
 });
+var index_vue_vue_type_style_index_0_scoped_true_lang$2 = "";
+const _sfc_main$6 = defineComponent({
+  __name: "index",
+  props: {
+    manager: {}
+  },
+  emits: ["screen"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { BEMSpace, createBEMName } = createBEMSpace("f_z");
+    const filterColumnList = ref([]);
+    const filterList = ref([]);
+    const simplePopoverRef = ref();
+    const showPopover = (element) => {
+      var _a;
+      (_a = simplePopoverRef.value) == null ? void 0 : _a.show(element);
+      const tableManager = props.manager.tableManager;
+      const currentRenderTableEls = tableManager.currentRenderTableEls;
+      filterColumnList.value = currentRenderTableEls.filter(
+        (a) => a.filterable && a.filters
+      );
+      filterList.value = tableManager.columnParamsList.map((item) => {
+        const columnEl = currentRenderTableEls.find((el) => el.prop === item.prop);
+        return {
+          prop: columnEl.prop,
+          filterType: columnEl.filters.filterType,
+          filterLabel: columnEl.filters.filterLabel,
+          filterOptions: columnEl.filters.filterOptions,
+          condition: item.condition,
+          value: item.value
+        };
+      });
+    };
+    const hidePopover = () => {
+      var _a;
+      (_a = simplePopoverRef.value) == null ? void 0 : _a.hide();
+    };
+    const getAddFilterItem = (columnEl) => {
+      const formData = {
+        prop: columnEl.prop,
+        filterType: columnEl.filters.filterType,
+        filterLabel: columnEl.filters.filterLabel,
+        filterOptions: columnEl.filters.filterOptions,
+        condition: FilterMatchModeEnum$1.\u7B49\u4E8E,
+        value: null
+      };
+      if (formData.filterType === FilterItemTypeEnum$1.\u591A\u9009\u503C) {
+        formData.value = [];
+      }
+      return formData;
+    };
+    const handleFieldChange = (index2, prop) => {
+      const columnEl = filterColumnList.value.find((a) => a.prop === prop);
+      const newItem = getAddFilterItem(columnEl);
+      filterList.value[index2] = newItem;
+    };
+    const handleAddItem = () => {
+      if (filterColumnList.value[0]) {
+        filterList.value.push(getAddFilterItem(filterColumnList.value[0]));
+      }
+    };
+    const handleRemoveItem = (index2) => {
+      filterList.value.splice(index2, 1);
+    };
+    const handleClear = () => {
+      filterList.value = [];
+      props.manager.tableManager.columnParamsList = [];
+      hidePopover();
+      emit("screen");
+    };
+    const handleScreen = () => {
+      const list = filterList.value.filter((a) => {
+        var _a;
+        const hasCompare = [
+          FilterItemTypeEnum$1["\u6587\u5B57"],
+          FilterItemTypeEnum$1["\u65E5\u671F"],
+          FilterItemTypeEnum$1["\u6570\u5B57"]
+        ].includes(a.filterType);
+        if (hasCompare) {
+          return a.condition && a.value != null;
+        } else {
+          if (a.filterType === FilterItemTypeEnum$1.\u591A\u9009\u503C) {
+            return (_a = a.value) == null ? void 0 : _a.length;
+          } else {
+            return a.value !== null;
+          }
+        }
+      });
+      props.manager.tableManager.columnParamsList = list.map((item) => {
+        return {
+          prop: item.prop,
+          filterType: item.filterType,
+          condition: item.condition,
+          value: item.value
+        };
+      });
+      hidePopover();
+      emit("screen");
+    };
+    __expose({
+      showPopover,
+      hidePopover
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_input_number = resolveComponent("el-input-number");
+      const _component_el_date_picker = resolveComponent("el-date-picker");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createBlock(SimplePopover, {
+        ref_key: "simplePopoverRef",
+        ref: simplePopoverRef,
+        width: 560
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(BEMSpace))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(createBEMName)("title"))
+            }, "\u7B5B\u9009", 2),
+            createElementVNode("div", {
+              class: normalizeClass(unref(createBEMName)("list"))
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(filterList.value, (item, index2) => {
+                return openBlock(), createElementBlock("div", {
+                  class: normalizeClass(unref(createBEMName)("item")),
+                  key: index2
+                }, [
+                  createVNode(_component_el_select, {
+                    modelValue: item.prop,
+                    "onUpdate:modelValue": ($event) => item.prop = $event,
+                    class: normalizeClass(unref(createBEMName)("key")),
+                    placeholder: "\u7B5B\u9009\u5B57\u6BB5",
+                    onChange: ($event) => handleFieldChange(index2, $event)
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(filterColumnList.value, (filterItem, iindex) => {
+                        return openBlock(), createBlock(_component_el_option, {
+                          key: iindex,
+                          label: filterItem.label,
+                          value: filterItem.prop
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue", "class", "onChange"]),
+                  item.filterType === unref(FilterItemTypeEnum$1).\u6587\u5B57 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createVNode(_component_el_select, {
+                      modelValue: item.condition,
+                      "onUpdate:modelValue": ($event) => item.condition = $event,
+                      class: normalizeClass(unref(createBEMName)("operate")),
+                      placeholder: "\u7B5B\u9009\u7C7B\u578B"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(compareOptions$1)[item.filterType], (opt) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: opt.label + opt.value,
+                            label: opt.label,
+                            value: opt.value
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "class"]),
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(createBEMName)("input"))
+                    }, [
+                      createVNode(_component_el_input, {
+                        modelValue: item.value,
+                        "onUpdate:modelValue": ($event) => item.value = $event,
+                        placeholder: "\u8BF7\u8F93\u5165",
+                        clearable: ""
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ], 2)
+                  ], 64)) : item.filterType === unref(FilterItemTypeEnum$1).\u6570\u5B57 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createVNode(_component_el_select, {
+                      modelValue: item.condition,
+                      "onUpdate:modelValue": ($event) => item.condition = $event,
+                      class: normalizeClass(unref(createBEMName)("operate")),
+                      placeholder: "\u7B5B\u9009\u7C7B\u578B"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(compareOptions$1)[item.filterType], (opt, iindex) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: opt.label + opt.value,
+                            label: opt.label,
+                            value: opt.value
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "class"]),
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(createBEMName)("input"))
+                    }, [
+                      createVNode(_component_el_input_number, {
+                        modelValue: item.value,
+                        "onUpdate:modelValue": ($event) => item.value = $event,
+                        "controls-position": "right",
+                        clearable: "",
+                        placeholder: "\u8BF7\u8F93\u5165"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ], 2)
+                  ], 64)) : item.filterType === unref(FilterItemTypeEnum$1).\u65E5\u671F ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                    createVNode(_component_el_select, {
+                      modelValue: item.condition,
+                      "onUpdate:modelValue": ($event) => item.condition = $event,
+                      class: normalizeClass(unref(createBEMName)("operate")),
+                      placeholder: "\u7B5B\u9009\u7C7B\u578B"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(compareOptions$1)[item.filterType], (opt, iindex) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: opt.label + opt.value,
+                            label: opt.label,
+                            value: opt.value
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "class"]),
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(createBEMName)("input"))
+                    }, [
+                      createVNode(_component_el_date_picker, {
+                        modelValue: item.value,
+                        "onUpdate:modelValue": ($event) => item.value = $event,
+                        placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F",
+                        "value-format": "YYYY-MM-DD",
+                        clearable: ""
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ], 2)
+                  ], 64)) : item.filterType === unref(FilterItemTypeEnum$1).\u5E03\u5C14\u503C ? (openBlock(), createElementBlock("div", {
+                    key: 3,
+                    class: normalizeClass(unref(createBEMName)("input"))
+                  }, [
+                    createVNode(_component_el_select, {
+                      modelValue: item.value,
+                      "onUpdate:modelValue": ($event) => item.value = $event,
+                      placeholder: "\u8BF7\u9009\u62E9"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_option, {
+                          label: "\u662F",
+                          value: true
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "\u5426",
+                          value: false
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ], 2)) : item.filterType === unref(FilterItemTypeEnum$1).\u5355\u9009\u503C ? (openBlock(), createElementBlock("div", {
+                    key: 4,
+                    class: normalizeClass(unref(createBEMName)("input"))
+                  }, [
+                    createVNode(_component_el_select, {
+                      modelValue: item.value,
+                      "onUpdate:modelValue": ($event) => item.value = $event,
+                      filterable: "",
+                      placeholder: "\u8BF7\u9009\u62E9"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(item.filterOptions, (opt, index22) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: index22,
+                            style: { "width": "100%" },
+                            label: opt.label,
+                            value: opt.value
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ], 2)) : item.filterType === unref(FilterItemTypeEnum$1).\u591A\u9009\u503C ? (openBlock(), createElementBlock("div", {
+                    key: 5,
+                    class: normalizeClass(unref(createBEMName)("input"))
+                  }, [
+                    createVNode(_component_el_select, {
+                      modelValue: item.value,
+                      "onUpdate:modelValue": ($event) => item.value = $event,
+                      multiple: "",
+                      filterable: "",
+                      placeholder: "\u8BF7\u9009\u62E9"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(item.filterOptions, (opt, index22) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: index22,
+                            style: { "width": "100%" },
+                            label: opt.label,
+                            value: opt.value
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ], 2)) : createCommentVNode("", true),
+                  createVNode(_component_el_icon, {
+                    size: 18,
+                    class: normalizeClass(unref(createBEMName)("remove-icon")),
+                    title: "\u79FB\u9664\u8BE5\u9879",
+                    onClick: ($event) => handleRemoveItem(index2)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(remove))
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "onClick"])
+                ], 2);
+              }), 128))
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass(unref(createBEMName)("actions"))
+            }, [
+              createVNode(_component_el_button, {
+                type: "primary",
+                link: "",
+                icon: unref(circlePlus),
+                onClick: handleAddItem
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u6DFB\u52A0\u7B5B\u9009\u6761\u4EF6")
+                ]),
+                _: 1
+              }, 8, ["icon"]),
+              createElementVNode("div", null, [
+                createVNode(_component_el_button, { onClick: handleClear }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u6E05\u7A7A\u503C")
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_button, {
+                  type: "primary",
+                  onClick: handleScreen
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u7B5B\u9009")
+                  ]),
+                  _: 1
+                })
+              ])
+            ], 2)
+          ], 2)
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+});
+var ColumnFilterTools = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-497856a9"]]);
 var index_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
 const _hoisted_1$3 = { class: "table-toolbox" };
 const _hoisted_2$2 = ["onClick"];
@@ -11283,10 +11686,17 @@ const _sfc_main$5 = defineComponent({
         event: "show-column-tool",
         desc: "",
         bg: false
+      },
+      filter: {
+        icon: filter,
+        text: "\u7B5B\u9009",
+        event: "filter",
+        desc: "",
+        bg: false
       }
     };
     const showToolbox = computed(() => {
-      const _innerTools = props.toolbox ? props.toolbox.map((toolKey) => innerTools[toolKey]).map((item) => {
+      const _innerTools = props.toolbox ? props.toolbox.map((toolKey) => innerTools[toolKey]).filter((a) => a).map((item) => {
         var _a, _b;
         let desc = "";
         let bg = false;
@@ -11295,6 +11705,11 @@ const _sfc_main$5 = defineComponent({
           bg = props.tableManager.hiddeenFieldCount > 0;
         } else if (item.event === "fullscreen") {
           bg = (_b = (_a = props.tableManager) == null ? void 0 : _a.manager) == null ? void 0 : _b.isTableFullscreen;
+        } else if (item.event === "filter" && props.tableManager) {
+          if (props.tableManager.columnParamsList.length) {
+            desc = `(${props.tableManager.columnParamsList.length})`;
+            bg = true;
+          }
         }
         return {
           ...item,
@@ -11361,7 +11776,7 @@ const _sfc_main$5 = defineComponent({
     };
   }
 });
-var TableToolsbox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-67a33bbc"]]);
+var TableToolsbox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-99e15350"]]);
 function patchConfig(config, patches) {
   return patches.reduce((memoConfig, patchFn) => {
     return patchFn.call(this, memoConfig);
@@ -11850,7 +12265,11 @@ const _sfc_main$4 = defineComponent({
       manager.isTableFullscreen = isTableFullscreen.value;
     };
     const handleShowColumnTool = (item, e) => {
-      pageModelTableRef.value.showSimplePopover(e.currentTarget);
+      pageModelTableRef.value.showColumnToolSimplePopover(e.currentTarget);
+    };
+    const columnFilterToolsRef = ref();
+    const handleShowFilter = (item, e) => {
+      columnFilterToolsRef.value.showPopover(e.currentTarget);
     };
     const handleToolboxCustomEvent = (eventName, item, event) => {
       switch (eventName) {
@@ -11863,11 +12282,17 @@ const _sfc_main$4 = defineComponent({
         case "show-column-tool":
           handleShowColumnTool(item, event);
           break;
+        case "filter":
+          handleShowFilter(item, event);
+          break;
         default:
           emitCustomEvent(eventName);
           break;
       }
     };
+    const handleColumnToolsFilter = () => {
+      pageModelTableRef.value.handleColumnScreen();
+    };
     __expose({
       manager,
       doTableLayout,
@@ -11900,6 +12325,7 @@ const _sfc_main$4 = defineComponent({
       setFormTabsActiveName
     });
     return (_ctx, _cache) => {
+      var _a, _b;
       const _component_el_scrollbar = resolveComponent("el-scrollbar");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([
@@ -11922,7 +12348,7 @@ const _sfc_main$4 = defineComponent({
               key: 0,
               class: normalizeClass(unref(createBEMName)("top-tabs"))
             }, [
-              hasTabs.value ? (openBlock(), createBlock(_sfc_main$Y, {
+              hasTabs.value ? (openBlock(), createBlock(_sfc_main$Z, {
                 key: 0,
                 tabs: uConfig.value.tabs,
                 manager,
@@ -11938,7 +12364,7 @@ const _sfc_main$4 = defineComponent({
               key: 1,
               class: normalizeClass(unref(createBEMName)("search"))
             }, [
-              createVNode(_sfc_main$x, {
+              createVNode(_sfc_main$y, {
                 ref_key: "searchFormRef",
                 ref: searchFormRef,
                 manager
@@ -11990,7 +12416,7 @@ const _sfc_main$4 = defineComponent({
                 createElementVNode("div", null, [
                   renderSlot(_ctx.$slots, "selectable-right")
                 ]),
-                hasFilterTools.value ? (openBlock(), createBlock(_sfc_main$6, {
+                hasFilterTools.value ? (openBlock(), createBlock(_sfc_main$7, {
                   key: 0,
                   manager,
                   onScreen: handleInnerScreen
@@ -12006,7 +12432,7 @@ const _sfc_main$4 = defineComponent({
             createElementVNode("div", {
               class: normalizeClass(unref(createBEMName)("main"))
             }, [
-              createVNode(_sfc_main$k, {
+              createVNode(_sfc_main$l, {
                 ref_key: "pageModelTableRef",
                 ref: pageModelTableRef,
                 manager,
@@ -12026,7 +12452,7 @@ const _sfc_main$4 = defineComponent({
               }, 8, ["manager"])
             ], 2)
           ], 2),
-          uConfig.value.hasForm && Boolean(uConfig.value.form) ? (openBlock(), createBlock(_sfc_main$8, {
+          uConfig.value.hasForm && Boolean(uConfig.value.form) ? (openBlock(), createBlock(_sfc_main$9, {
             key: 1,
             form: uConfig.value.form,
             formManager: manager.formManager,
@@ -12047,13 +12473,20 @@ const _sfc_main$4 = defineComponent({
             ]),
             _: 3
           }, 8, ["form", "formManager"])) : createCommentVNode("", true),
-          unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$e, {
+          unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$f, {
             key: 2,
             ref_key: "columnToolsSettingRef",
             ref: columnToolsSettingRef,
             onClosed: unref(onColumnToolsSettingClosed),
             onSubmit: handleFormColumnToolsSubmit
-          }, null, 8, ["onClosed"])) : createCommentVNode("", true)
+          }, null, 8, ["onClosed"])) : createCommentVNode("", true),
+          ((_b = (_a = _ctx.config.table) == null ? void 0 : _a.toolbox) == null ? void 0 : _b.includes("filter")) ? (openBlock(), createBlock(ColumnFilterTools, {
+            key: 3,
+            ref_key: "columnFilterToolsRef",
+            ref: columnFilterToolsRef,
+            manager,
+            onScreen: handleColumnToolsFilter
+          }, null, 8, ["manager"])) : createCommentVNode("", true)
         ], 64))
       ], 6);
     };
@@ -12197,7 +12630,7 @@ const _sfc_main$2 = defineComponent({
       const _component_el_radio_button = resolveComponent("el-radio-button");
       const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$A, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
         title: "\u7F16\u8F91\u8868\u683C",
@@ -12240,7 +12673,7 @@ const _sfc_main$2 = defineComponent({
               ], 2);
             }), 128))
           ], 2),
-          createVNode(_sfc_main$s, {
+          createVNode(_sfc_main$t, {
             modelValue: innerEls.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
             "item-key": "_key"
@@ -12404,7 +12837,7 @@ const _sfc_main$1 = defineComponent({
         createElementVNode("div", {
           class: normalizeClass(unref(createBEMName)("list"))
         }, [
-          createVNode(_sfc_main$s, {
+          createVNode(_sfc_main$t, {
             modelValue: innerEls.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
             class: normalizeClass(unref(BEMSpace)),
@@ -12867,7 +13300,7 @@ const _sfc_main = defineComponent({
                     }, {
                       default: withCtx(() => [
                         _ctx.alwaysShowEdit || isCurrentRowFocus($index) ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                          createVNode(_sfc_main$w, {
+                          createVNode(_sfc_main$x, {
                             "render-fn": column.renderFn,
                             pure: "",
                             row,
@@ -12921,7 +13354,7 @@ const _sfc_main = defineComponent({
         }, 16, ["data"]),
         bottomActions.value.length || hasSlots.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
           renderSlot(_ctx.$slots, "action-prefix", {}, void 0, true),
-          createVNode(_sfc_main$C, {
+          createVNode(_sfc_main$D, {
             els: bottomActions.value,
             onCustom: handleBottomActionsEvent
           }, null, 8, ["els"]),
@@ -12937,7 +13370,7 @@ const defineEditableTable = function(config) {
 };
 var iconfont = "";
 const name = "@juzhenfe/page-model";
-const version = "3.14.2";
+const version = "3.14.3";
 const types = "dist/main.d.ts";
 const main = "dist/index.umd.js";
 const keywords = [
@@ -13017,4 +13450,4 @@ const ModelComponent = {
     saveTableColumns(content);
   }
 };
-export { _sfc_main$C as ButtonsRenderer, _sfc_main$s as DraggableList, index as EditableTable, _sfc_main$z as FormDialog, _sfc_main$a as FormDrawer, PageModelForm, _sfc_main$w as TableCellRenderer, _sfc_main$r as TableColumnSetting, columnTools, ModelComponent as default, defineConfig, defineEditableTable, defineForm };
+export { _sfc_main$D as ButtonsRenderer, _sfc_main$t as DraggableList, index as EditableTable, _sfc_main$A as FormDialog, _sfc_main$b as FormDrawer, PageModelForm, _sfc_main$x as TableCellRenderer, _sfc_main$s as TableColumnSetting, columnTools, ModelComponent as default, defineConfig, defineEditableTable, defineForm };