@juzhenfe/page-model 3.12.5 → 3.13.0

package/dist/index.es.js

@@ -4,8 +4,8 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { reactive, defineComponent, openBlock, createElementBlock, computed, ref, resolveComponent, normalizeClass, unref, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, createElementVNode, toDisplayString, nextTick, watch, markRaw, getCurrentInstance, resolveDynamicComponent, renderSlot, h, inject, createTextVNode, withModifiers, toRefs, onUnmounted, useSlots, toHandlers, createSlots, onMounted, createCommentVNode, render, pushScopeId, popScopeId, resolveDirective, withDirectives, vShow, Teleport, normalizeStyle, onActivated, watchEffect, normalizeProps, guardReactiveProps, provide, Transition } from "vue";
-import { ElMessage, ElLoading, ElMessageBox } from "element-plus";
+import { reactive, defineComponent, openBlock, createElementBlock, computed, ref, resolveComponent, normalizeClass, unref, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, createElementVNode, toDisplayString, nextTick, watch, markRaw, getCurrentInstance, resolveDynamicComponent, renderSlot, h, inject, createTextVNode, withModifiers, toRefs, onUnmounted, useSlots, toHandlers, createSlots, onMounted, createCommentVNode, render, Teleport, normalizeStyle, pushScopeId, popScopeId, resolveDirective, withDirectives, vShow, onActivated, watchEffect, normalizeProps, guardReactiveProps, provide, Transition } from "vue";
+import { ElMessage, ElLoading, useZIndex, ElMessageBox } from "element-plus";
 function defineConfig(config) {
   return reactive(config);
 }
@@ -181,11 +181,11 @@ const randomStr = (len = 16) => {
     return RANDOM_RANGE[Math.floor(Math.random() * RANDOM_RANGE_LENGTH)];
   }).join("");
 };
-const _hoisted_1$x = { class: "scenes-tab" };
+const _hoisted_1$y = { class: "scenes-tab" };
 const __default__$o = {
   name: "ScenesTab"
 };
-const _sfc_main$Z = defineComponent({
+const _sfc_main$_ = defineComponent({
   ...__default__$o,
   setup(__props, { expose: __expose }) {
     const getValue2 = () => {
@@ -195,7 +195,7 @@ const _sfc_main$Z = defineComponent({
       getValue: getValue2
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$x);
+      return openBlock(), createElementBlock("div", _hoisted_1$y);
     };
   }
 });
@@ -203,7 +203,7 @@ var index_vue_vue_type_style_index_0_lang$d = "";
 const __default__$n = {
   name: "NormalTab"
 };
-const _sfc_main$Y = defineComponent({
+const _sfc_main$Z = 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$X = defineComponent({
+const _sfc_main$Y = defineComponent({
   ...__default__$m,
   props: {
     tabs: {},
@@ -1677,12 +1677,12 @@ const _sfc_main$X = defineComponent({
     const tabComponent = computed(() => {
       if (props.tabs.useScene) {
         return {
-          component: _sfc_main$Z,
+          component: _sfc_main$_,
           props: props.tabs.sceneTab
         };
       } else {
         return {
-          component: _sfc_main$Y,
+          component: _sfc_main$Z,
           props: {
             panes: props.tabs.panes,
             props: props.tabs.props
@@ -2306,143 +2306,143 @@ var _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$W = defineComponent({
+const _sfc_main$X = defineComponent({
   name: "ArrowDownBold"
 });
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$q = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$r = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M104.704 338.752a64 64 0 0190.496 0l316.8 316.8 316.8-316.8a64 64 0 0190.496 90.496L557.248 791.296a64 64 0 01-90.496 0L104.704 429.248a64 64 0 010-90.496z"
 }, null, -1);
 const _hoisted_3$o = [
-  _hoisted_2$q
+  _hoisted_2$r
 ];
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$o);
+  return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_3$o);
 }
-var arrowDownBold = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["render", _sfc_render$j]]);
-const _sfc_main$V = defineComponent({
+var arrowDownBold = /* @__PURE__ */ _export_sfc$1(_sfc_main$X, [["render", _sfc_render$j]]);
+const _sfc_main$W = defineComponent({
   name: "ArrowDown"
 });
-const _hoisted_1$v = {
+const _hoisted_1$w = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$p = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$q = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M831.872 340.864L512 652.672 192.128 340.864a30.592 30.592 0 00-42.752 0 29.12 29.12 0 000 41.6L489.664 714.24a32 32 0 0044.672 0l340.288-331.712a29.12 29.12 0 000-41.728 30.592 30.592 0 00-42.752 0z"
 }, null, -1);
 const _hoisted_3$n = [
-  _hoisted_2$p
+  _hoisted_2$q
 ];
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$n);
+  return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$n);
 }
-var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["render", _sfc_render$i]]);
-const _sfc_main$U = defineComponent({
+var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["render", _sfc_render$i]]);
+const _sfc_main$V = defineComponent({
   name: "CaretBottom"
 });
-const _hoisted_1$u = {
+const _hoisted_1$v = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$p = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M192 384l320 384 320-384z"
 }, null, -1);
 const _hoisted_3$m = [
-  _hoisted_2$o
+  _hoisted_2$p
 ];
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$m);
+  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$m);
 }
-var caretBottom = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["render", _sfc_render$h]]);
-const _sfc_main$T = defineComponent({
+var caretBottom = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["render", _sfc_render$h]]);
+const _sfc_main$U = defineComponent({
   name: "CaretRight"
 });
-const _hoisted_1$t = {
+const _hoisted_1$u = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M384 192v640l384-320.064z"
 }, null, -1);
 const _hoisted_3$l = [
-  _hoisted_2$n
+  _hoisted_2$o
 ];
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$l);
+  return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$l);
 }
-var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["render", _sfc_render$g]]);
-const _sfc_main$S = defineComponent({
+var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["render", _sfc_render$g]]);
+const _sfc_main$T = defineComponent({
   name: "CaretTop"
 });
-const _hoisted_1$s = {
+const _hoisted_1$t = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$m = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 320L192 704h639.936z"
 }, null, -1);
 const _hoisted_3$k = [
-  _hoisted_2$m
+  _hoisted_2$n
 ];
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$k);
+  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$k);
 }
-var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["render", _sfc_render$f]]);
-const _sfc_main$R = defineComponent({
+var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["render", _sfc_render$f]]);
+const _sfc_main$S = defineComponent({
   name: "CirclePlusFilled"
 });
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$l = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$m = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm-38.4 409.6H326.4a38.4 38.4 0 100 76.8h147.2v147.2a38.4 38.4 0 0076.8 0V550.4h147.2a38.4 38.4 0 000-76.8H550.4V326.4a38.4 38.4 0 10-76.8 0v147.2z"
 }, null, -1);
 const _hoisted_3$j = [
-  _hoisted_2$l
+  _hoisted_2$m
 ];
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$j);
+  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$j);
 }
-var circlePlusFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["render", _sfc_render$e]]);
-const _sfc_main$Q = defineComponent({
+var circlePlusFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["render", _sfc_render$e]]);
+const _sfc_main$R = defineComponent({
   name: "CirclePlus"
 });
-const _hoisted_1$q = {
+const _hoisted_1$r = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$k = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$l = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
 }, null, -1);
@@ -2455,46 +2455,46 @@ const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("path", {
   d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 }, null, -1);
 const _hoisted_5$4 = [
-  _hoisted_2$k,
+  _hoisted_2$l,
   _hoisted_3$i,
   _hoisted_4$7
 ];
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_5$4);
+  return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_5$4);
 }
-var circlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$d]]);
-const _sfc_main$P = defineComponent({
+var circlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["render", _sfc_render$d]]);
+const _sfc_main$Q = defineComponent({
   name: "Download"
 });
-const _hoisted_1$p = {
+const _hoisted_1$q = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$k = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M160 832h704a32 32 0 110 64H160a32 32 0 110-64zm384-253.696l236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64v450.304z"
 }, null, -1);
 const _hoisted_3$h = [
-  _hoisted_2$j
+  _hoisted_2$k
 ];
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$h);
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$h);
 }
-var download = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$c]]);
-const _sfc_main$O = defineComponent({
+var download = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$c]]);
+const _sfc_main$P = defineComponent({
   name: "Edit"
 });
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M832 512a32 32 0 1164 0v352a32 32 0 01-32 32H160a32 32 0 01-32-32V160a32 32 0 0132-32h352a32 32 0 010 64H192v640h640V512z"
 }, null, -1);
@@ -2503,192 +2503,192 @@ const _hoisted_3$g = /* @__PURE__ */ createElementVNode("path", {
   d: "M469.952 554.24l52.8-7.552L847.104 222.4a32 32 0 10-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 010 135.808l-331.84 331.84a32 32 0 01-18.112 9.088L436.8 623.68a32 32 0 01-36.224-36.224l15.104-105.6a32 32 0 019.024-18.112l331.904-331.84a96 96 0 01135.744 0z"
 }, null, -1);
 const _hoisted_4$6 = [
-  _hoisted_2$i,
+  _hoisted_2$j,
   _hoisted_3$g
 ];
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_4$6);
+  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_4$6);
 }
-var edit = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["render", _sfc_render$b]]);
-const _sfc_main$N = defineComponent({
+var edit = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$b]]);
+const _sfc_main$O = defineComponent({
   name: "Filter"
 });
-const _hoisted_1$n = {
+const _hoisted_1$o = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$h = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M384 523.392V928a32 32 0 0046.336 28.608l192-96A32 32 0 00640 832V523.392l280.768-343.104a32 32 0 10-49.536-40.576l-288 352A32 32 0 00576 512v300.224l-128 64V512a32 32 0 00-7.232-20.288L195.52 192H704a32 32 0 100-64H128a32 32 0 00-24.768 52.288L384 523.392z"
 }, null, -1);
 const _hoisted_3$f = [
-  _hoisted_2$h
+  _hoisted_2$i
 ];
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$f);
+  return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$f);
 }
-var filter = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["render", _sfc_render$a]]);
-const _sfc_main$M = defineComponent({
+var filter = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["render", _sfc_render$a]]);
+const _sfc_main$N = defineComponent({
   name: "FullScreen"
 });
-const _hoisted_1$m = {
+const _hoisted_1$n = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$g = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$h = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M160 96.064l192 .192a32 32 0 010 64l-192-.192V352a32 32 0 01-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1164 0v191.936l192-.192a32 32 0 110 64l-192 .192zM864 96.064V96h64v256a32 32 0 11-64 0V160.064l-192 .192a32 32 0 110-64l192-.192zm0 831.872l-192-.192a32 32 0 010-64l192 .192V672a32 32 0 1164 0v256h-64v-.064z"
 }, null, -1);
 const _hoisted_3$e = [
-  _hoisted_2$g
+  _hoisted_2$h
 ];
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$e);
+  return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$e);
 }
-var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$9]]);
-const _sfc_main$L = defineComponent({
+var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["render", _sfc_render$9]]);
+const _sfc_main$M = defineComponent({
   name: "Grid"
 });
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$f = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$g = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M640 384v256H384V384h256zm64 0h192v256H704V384zm-64 512H384V704h256v192zm64 0V704h192v192H704zm-64-768v192H384V128h256zm64 0h192v192H704V128zM320 384v256H128V384h192zm0 512H128V704h192v192zm0-768v192H128V128h192z"
 }, null, -1);
 const _hoisted_3$d = [
-  _hoisted_2$f
+  _hoisted_2$g
 ];
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$d);
+  return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$d);
 }
-var grid = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["render", _sfc_render$8]]);
-const _sfc_main$K = defineComponent({
+var grid = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$8]]);
+const _sfc_main$L = defineComponent({
   name: "Loading"
 });
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$e = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$f = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a32 32 0 0132 32v192a32 32 0 01-64 0V96a32 32 0 0132-32zm0 640a32 32 0 0132 32v192a32 32 0 11-64 0V736a32 32 0 0132-32zm448-192a32 32 0 01-32 32H736a32 32 0 110-64h192a32 32 0 0132 32zm-640 0a32 32 0 01-32 32H96a32 32 0 010-64h192a32 32 0 0132 32zM195.2 195.2a32 32 0 0145.248 0L376.32 331.008a32 32 0 01-45.248 45.248L195.2 240.448a32 32 0 010-45.248zm452.544 452.544a32 32 0 0145.248 0L828.8 783.552a32 32 0 01-45.248 45.248L647.744 692.992a32 32 0 010-45.248zM828.8 195.264a32 32 0 010 45.184L692.992 376.32a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0zm-452.544 452.48a32 32 0 010 45.248L240.448 828.8a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0z"
 }, null, -1);
 const _hoisted_3$c = [
-  _hoisted_2$e
+  _hoisted_2$f
 ];
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$c);
+  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$c);
 }
-var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["render", _sfc_render$7]]);
-const _sfc_main$J = defineComponent({
+var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["render", _sfc_render$7]]);
+const _sfc_main$K = defineComponent({
   name: "Menu"
 });
-const _hoisted_1$j = {
+const _hoisted_1$k = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$d = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$e = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M160 448a32 32 0 01-32-32V160.064a32 32 0 0132-32h256a32 32 0 0132 32V416a32 32 0 01-32 32H160zm448 0a32 32 0 01-32-32V160.064a32 32 0 0132-32h255.936a32 32 0 0132 32V416a32 32 0 01-32 32H608zM160 896a32 32 0 01-32-32V608a32 32 0 0132-32h256a32 32 0 0132 32v256a32 32 0 01-32 32H160zm448 0a32 32 0 01-32-32V608a32 32 0 0132-32h255.936a32 32 0 0132 32v256a32 32 0 01-32 32H608z"
 }, null, -1);
 const _hoisted_3$b = [
-  _hoisted_2$d
+  _hoisted_2$e
 ];
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$b);
+  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$b);
 }
-var menu = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["render", _sfc_render$6]]);
-const _sfc_main$I = defineComponent({
+var menu = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["render", _sfc_render$6]]);
+const _sfc_main$J = defineComponent({
   name: "QuestionFilled"
 });
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$c = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$d = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 00-38.72 14.784 49.408 49.408 0 00-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 00523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0016.192-38.72 51.968 51.968 0 00-15.488-38.016 55.936 55.936 0 00-39.424-14.784z"
 }, null, -1);
 const _hoisted_3$a = [
-  _hoisted_2$c
+  _hoisted_2$d
 ];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$a);
+  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$a);
 }
-var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["render", _sfc_render$5]]);
-const _sfc_main$H = defineComponent({
+var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["render", _sfc_render$5]]);
+const _sfc_main$I = defineComponent({
   name: "RefreshLeft"
 });
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$b = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$c = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M289.088 296.704h92.992a32 32 0 010 64H232.96a32 32 0 01-32-32V179.712a32 32 0 0164 0v50.56a384 384 0 01643.84 282.88 384 384 0 01-383.936 384 384 384 0 01-384-384h64a320 320 0 10640 0 320 320 0 00-555.712-216.448z"
 }, null, -1);
 const _hoisted_3$9 = [
-  _hoisted_2$b
+  _hoisted_2$c
 ];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$9);
+  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$9);
 }
-var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["render", _sfc_render$4]]);
-const _sfc_main$G = defineComponent({
+var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["render", _sfc_render$4]]);
+const _sfc_main$H = defineComponent({
   name: "RemoveFilled"
 });
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$a = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$b = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zM288 512a38.4 38.4 0 0038.4 38.4h371.2a38.4 38.4 0 000-76.8H326.4A38.4 38.4 0 00288 512z"
 }, null, -1);
 const _hoisted_3$8 = [
-  _hoisted_2$a
+  _hoisted_2$b
 ];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$8);
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$8);
 }
-var removeFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["render", _sfc_render$3]]);
-const _sfc_main$F = defineComponent({
+var removeFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["render", _sfc_render$3]]);
+const _sfc_main$G = defineComponent({
   name: "Remove"
 });
-const _hoisted_1$f = {
+const _hoisted_1$g = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$a = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
 }, null, -1);
@@ -2697,60 +2697,60 @@ const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("path", {
   d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 }, null, -1);
 const _hoisted_4$5 = [
-  _hoisted_2$9,
+  _hoisted_2$a,
   _hoisted_3$7
 ];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_4$5);
+  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_4$5);
 }
-var remove = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["render", _sfc_render$2]]);
-const _sfc_main$E = defineComponent({
+var remove = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["render", _sfc_render$2]]);
+const _sfc_main$F = defineComponent({
   name: "Select"
 });
-const _hoisted_1$e = {
+const _hoisted_1$f = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M77.248 415.04a64 64 0 0190.496 0l226.304 226.304L846.528 188.8a64 64 0 1190.56 90.496l-543.04 543.04-316.8-316.8a64 64 0 010-90.496z"
 }, null, -1);
 const _hoisted_3$6 = [
-  _hoisted_2$8
+  _hoisted_2$9
 ];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$e, _hoisted_3$6);
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$6);
 }
-var select = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["render", _sfc_render$1]]);
-const _sfc_main$D = defineComponent({
+var select = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["render", _sfc_render$1]]);
+const _sfc_main$E = defineComponent({
   name: "Tools"
 });
-const _hoisted_1$d = {
+const _hoisted_1$e = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M764.416 254.72a351.68 351.68 0 0186.336 149.184H960v192.064H850.752a351.68 351.68 0 01-86.336 149.312l54.72 94.72-166.272 96-54.592-94.72a352.64 352.64 0 01-172.48 0L371.136 936l-166.272-96 54.72-94.72a351.68 351.68 0 01-86.336-149.312H64v-192h109.248a351.68 351.68 0 0186.336-149.312L204.8 160l166.208-96h.192l54.656 94.592a352.64 352.64 0 01172.48 0L652.8 64h.128L819.2 160l-54.72 94.72zM704 499.968a192 192 0 10-384 0 192 192 0 00384 0z"
 }, null, -1);
 const _hoisted_3$5 = [
-  _hoisted_2$7
+  _hoisted_2$8
 ];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$d, _hoisted_3$5);
+  return openBlock(), createElementBlock("svg", _hoisted_1$e, _hoisted_3$5);
 }
-var tools = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["render", _sfc_render]]);
+var tools = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["render", _sfc_render]]);
 const formManagerProvideKey = Symbol("form-manager");
 const registerPropertyProvideKey = Symbol("registerProperty");
 const isOpenAuthButtonProvideKey = Symbol("isOpenAuthButton");
 const authButtonsProvideKey = Symbol("authButtons");
-const _sfc_main$C = {
+const _sfc_main$D = {
   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$B = defineComponent({
+const _sfc_main$C = defineComponent({
   ...__default__$l,
   props: {
     els: {},
@@ -2920,7 +2920,7 @@ const _sfc_main$B = defineComponent({
                   onClick: withModifiers(($event) => handleButtonClick(index2), ["stop"])
                 }), {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$C, {
+                    createVNode(_sfc_main$D, {
                       context: _ctx.context,
                       "render-fn": button.renderFn,
                       text: button.text
@@ -2944,7 +2944,7 @@ const _sfc_main$B = defineComponent({
               default: withCtx(() => {
                 var _a2;
                 return [
-                  button.renderFn ? (openBlock(), createBlock(_sfc_main$C, {
+                  button.renderFn ? (openBlock(), createBlock(_sfc_main$D, {
                     key: 0,
                     context: _ctx.context,
                     "render-fn": button.renderFn,
@@ -2976,7 +2976,7 @@ const __default__$k = {
   name: "SelectableOpearte",
   inheritAttrs: false
 };
-const _sfc_main$A = defineComponent({
+const _sfc_main$B = defineComponent({
   ...__default__$k,
   props: {
     els: {},
@@ -2990,7 +2990,7 @@ const _sfc_main$A = defineComponent({
       return ((_a = props.tableManager) == null ? void 0 : _a.selection) || [];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$B, mergeProps({
+      return openBlock(), createBlock(_sfc_main$C, mergeProps({
         els: props.els,
         "execute-data": [executeData.value],
         context: props.manager
@@ -3065,7 +3065,7 @@ class SearchFormManager extends IManager {
     this.manager = manager;
   }
 }
-const _sfc_main$z = defineComponent({
+const _sfc_main$A = defineComponent({
   name: "FormItemRenderer",
   props: {
     modelValue: null,
@@ -3284,10 +3284,10 @@ const useMove = (callback) => {
   return { destroy, bind };
 };
 var index_vue_vue_type_style_index_0_lang$a = "";
-const _hoisted_1$c = { class: "el-dialog__title" };
+const _hoisted_1$d = { class: "el-dialog__title" };
 const MIN_WIDTH = 300;
 const MIN_HEIGHT = 160;
-const _sfc_main$y = defineComponent({
+const _sfc_main$z = defineComponent({
   __name: "index",
   props: {
     modelValue: { type: Boolean },
@@ -3356,7 +3356,7 @@ const _sfc_main$y = defineComponent({
         class: `${unref(BEMSpace)} ${props.customClass}`
       }, props.dialogProps || {}, toHandlers(props.dialogEvents || {}), { "onUpdate:modelValue": onUpdateModelValue }), createSlots({
         header: withCtx(() => [
-          createElementVNode("span", _hoisted_1$c, toDisplayString(_ctx.title), 1)
+          createElementVNode("span", _hoisted_1$d, toDisplayString(_ctx.title), 1)
         ]),
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
@@ -3380,7 +3380,7 @@ const _sfc_main$y = defineComponent({
   }
 });
 var index_vue_vue_type_style_index_0_lang$9 = "";
-const _sfc_main$x = defineComponent({
+const _sfc_main$y = defineComponent({
   __name: "index",
   emits: ["filter"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -3415,7 +3415,7 @@ const _sfc_main$x = 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$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         modelValue: isShow.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isShow.value = $event),
         title: "\u7B5B\u9009\u6761\u4EF6",
@@ -3461,7 +3461,7 @@ const _sfc_main$x = defineComponent({
                   prop: item.prop
                 }), {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$z, {
+                    createVNode(_sfc_main$A, {
                       modelValue: formData.value[item.prop],
                       "onUpdate:modelValue": ($event) => formData.value[item.prop] = $event,
                       renderFn: item.renderFn,
@@ -3523,6 +3523,7 @@ const getPageModelDefaultConfig = () => {
     table: {
       showTools: true,
       rowClickSelect: false,
+      columnParamsQueryImmediate: true,
       pagination: {
         background: true,
         pagerCount: 5
@@ -4128,7 +4129,7 @@ var index_vue_vue_type_style_index_0_lang$8 = "";
 const __default__$j = {
   name: "PageModelSearchForm"
 };
-const _sfc_main$w = defineComponent({
+const _sfc_main$x = defineComponent({
   ...__default__$j,
   props: {
     form: {},
@@ -4282,7 +4283,7 @@ const _sfc_main$w = defineComponent({
                   style: { width: ((_a = item.style) == null ? void 0 : _a.width) || unref(searchFormItemWidth) }
                 }), {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$z, {
+                    createVNode(_sfc_main$A, {
                       modelValue: searchFormManager.formData[item.prop],
                       "onUpdate:modelValue": ($event) => searchFormManager.formData[item.prop] = $event,
                       renderFn: item.renderFn,
@@ -4365,7 +4366,7 @@ const _sfc_main$w = defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 2),
-        searchFormManager.expandMode === "dialog" && showFormEls.value.length && unref(showMoreButton) ? (openBlock(), createBlock(_sfc_main$x, {
+        searchFormManager.expandMode === "dialog" && showFormEls.value.length && unref(showMoreButton) ? (openBlock(), createBlock(_sfc_main$y, {
           key: 0,
           ref_key: "SearchFormFullRef",
           ref: SearchFormFullRef,
@@ -4413,6 +4414,7 @@ class TableManager extends IManager {
     __publicField(this, "sortOrders", ["ascending", "descending", null]);
     __publicField(this, "sortParams", {});
     __publicField(this, "randomRowKey", null);
+    __publicField(this, "columnParamsList", []);
     __publicField(this, "totalEls", []);
     __publicField(this, "focusCellKey");
     __publicField(this, "focusEl");
@@ -4456,9 +4458,32 @@ class TableManager extends IManager {
     return {
       pageIndex: this.currentPage,
       pageSize: this.pageSizeUserSet || this.pageSize,
-      ...this.sortParams
+      ...this.sortParams,
+      ...this.getColumnParams()
     };
   }
+  get columnParamsKey() {
+    return this.columnParamsList.reduce((memo, item) => {
+      if (item.prop) {
+        memo[item.prop] = true;
+      }
+      return memo;
+    }, {});
+  }
+  getColumnParams() {
+    if (typeof this.table.columnParamsProcessFn === "function") {
+      const processResult = this.table.columnParamsProcessFn.call(this, this.columnParamsList);
+      if (typeof processResult === "object") {
+        return processResult;
+      } else {
+        console.warn("\u5217\u7B5B\u9009\u5904\u7406\u51FD\u6570\u8FD4\u56DE\u503C\u9700\u8981\u662F\u4E00\u4E2A\u5BF9\u8C61");
+        return {};
+      }
+    } else {
+      console.warn("\u672A\u6CE8\u518C\u5217\u7B5B\u9009\u5904\u7406\u51FD\u6570table.columnParamsProcessFn");
+      return {};
+    }
+  }
   refreshPage() {
     this.manager.doGetDataRequest();
   }
@@ -5067,7 +5092,7 @@ class TableManager extends IManager {
     this.removeCellOutClickEvent();
   }
 }
-const _sfc_main$v = defineComponent({
+const _sfc_main$w = defineComponent({
   name: "TableCellRenderer",
   props: {
     renderFn: {
@@ -5105,39 +5130,523 @@ const _sfc_main$v = defineComponent({
     };
   }
 });
+var index_vue_vue_type_style_index_0_scoped_true_lang$7 = "";
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const __default__$i = {
+  name: "SimplePopover"
+};
+const _sfc_main$v = defineComponent({
+  ...__default__$i,
+  props: {
+    width: { default: 200 }
+  },
+  setup(__props, { expose: __expose }) {
+    const { BEMSpace } = createBEMSpace("simple-popover");
+    const props = __props;
+    const { nextZIndex } = useZIndex();
+    const visible = ref(false);
+    const isRender = ref(false);
+    watch(
+      () => visible.value,
+      (val) => {
+        if (val) {
+          isRender.value = true;
+        } else {
+          setTimeout(() => {
+            isRender.value = false;
+          }, 300);
+        }
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    let currentTriggerElement = null;
+    const popoverRectInfo = ref({});
+    const getPopoverTriggerElementRectInfo = (element) => {
+      popoverRectInfo.value = element.getBoundingClientRect();
+    };
+    const popoverRef = ref();
+    const popoverStyle = computed(() => {
+      const { top, left, width, height } = popoverRectInfo.value;
+      if (top == null) {
+        return {};
+      }
+      let _left = left - props.width + width - 2;
+      _left = Math.max(_left, 10);
+      return {
+        top: top + height + 4 + "px",
+        left: _left + "px",
+        width: props.width + "px"
+      };
+    });
+    const isChildElement = (rootElement, childElement) => {
+      let _element = childElement;
+      while (_element && _element !== rootElement) {
+        _element = _element.parentElement;
+      }
+      if (_element) {
+        return true;
+      } else {
+        return false;
+      }
+    };
+    const isPopperChildElement = (element) => {
+      let _element = element;
+      while (_element && !_element.className.includes("el-popper")) {
+        _element = _element.parentElement;
+      }
+      if (_element) {
+        return true;
+      } else {
+        return false;
+      }
+    };
+    const handleHide = (e) => {
+      if (isChildElement(popoverRef.value, e.target) || isPopperChildElement(e.target)) {
+        return;
+      }
+      hide();
+    };
+    const handleResize = throttle(() => {
+      currentTriggerElement && getPopoverTriggerElementRectInfo(currentTriggerElement);
+    }, 100);
+    const hide = () => {
+      document.removeEventListener("click", handleHide);
+      window.removeEventListener("resize", handleResize);
+      visible.value = false;
+    };
+    const zIndex = ref(0);
+    const show = (element) => {
+      if (visible.value) {
+        if (currentTriggerElement === element) {
+          hide();
+          return;
+        }
+        document.removeEventListener("click", handleHide);
+        window.removeEventListener("resize", handleResize);
+      }
+      zIndex.value = nextZIndex();
+      currentTriggerElement = element;
+      getPopoverTriggerElementRectInfo(currentTriggerElement);
+      visible.value = true;
+      setTimeout(() => {
+        document.addEventListener("click", handleHide);
+        window.addEventListener("resize", handleResize);
+      }, 0);
+    };
+    __expose({
+      show,
+      hide
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        isRender.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          ref_key: "popoverRef",
+          ref: popoverRef,
+          class: normalizeClass([unref(BEMSpace), { visible: visible.value }]),
+          style: normalizeStyle({
+            ...popoverStyle.value,
+            zIndex: zIndex.value
+          })
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 6)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+var SimplePopover = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-7a8bb01c"]]);
+var FilterItemTypeEnum$1 = /* @__PURE__ */ ((FilterItemTypeEnum2) => {
+  FilterItemTypeEnum2["\u6587\u5B57"] = "string";
+  FilterItemTypeEnum2["\u6570\u5B57"] = "number";
+  FilterItemTypeEnum2["\u65E5\u671F"] = "date";
+  FilterItemTypeEnum2["\u5E03\u5C14\u503C"] = "boolean";
+  FilterItemTypeEnum2["\u591A\u9009\u503C"] = "list";
+  FilterItemTypeEnum2["\u5355\u9009\u503C"] = "select";
+  return FilterItemTypeEnum2;
+})(FilterItemTypeEnum$1 || {});
+const compareOptions$1 = {
+  ["string"]: [
+    {
+      label: "\u5305\u542B",
+      value: "match"
+    },
+    {
+      label: "\u7B49\u4E8E",
+      value: "eq"
+    },
+    {
+      label: "\u4E0D\u7B49\u4E8E",
+      value: "neq"
+    }
+  ],
+  ["number"]: [
+    {
+      label: "\u7B49\u4E8E",
+      value: "eq"
+    },
+    {
+      label: "\u4E0D\u7B49\u4E8E",
+      value: "neq"
+    },
+    {
+      label: "\u5927\u4E8E",
+      value: "gt"
+    },
+    {
+      label: "\u5C0F\u4E8E",
+      value: "lt"
+    },
+    {
+      label: "\u5927\u4E8E\u7B49\u4E8E",
+      value: "ge"
+    },
+    {
+      label: "\u5C0F\u4E8E\u7B49\u4E8E",
+      value: "le"
+    }
+  ],
+  ["date"]: [
+    {
+      label: "\u7B49\u4E8E",
+      value: "eq"
+    },
+    {
+      label: "\u4E0D\u7B49\u4E8E",
+      value: "neq"
+    },
+    {
+      label: "\u5927\u4E8E",
+      value: "gt"
+    },
+    {
+      label: "\u5C0F\u4E8E",
+      value: "lt"
+    },
+    {
+      label: "\u5927\u4E8E\u7B49\u4E8E",
+      value: "ge"
+    },
+    {
+      label: "\u5C0F\u4E8E\u7B49\u4E8E",
+      value: "le"
+    }
+  ]
+};
+var index_vue_vue_type_style_index_0_scoped_true_lang$6 = "";
+const _hoisted_1$c = { key: 1 };
+const _hoisted_2$7 = { key: 1 };
+const _sfc_main$u = defineComponent({
+  __name: "index",
+  props: {
+    tableManager: {}
+  },
+  emits: ["screen"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { tableManager } = toRefs(props);
+    const { BEMSpace, createBEMName } = createBEMSpace("f_z");
+    const currentColumn = ref(null);
+    const filterMultiple = ref(false);
+    const filterList = ref([]);
+    const filterFormData = ref(null);
+    const show = (column) => {
+      var _a;
+      currentColumn.value = {
+        prop: column.prop,
+        filterType: column.filterType || FilterItemTypeEnum$1.\u6587\u5B57,
+        filterLabel: column.filterLabel,
+        filterOptions: column.filterOptions ? jsonClone(column.filterOptions) : []
+      };
+      const exsitList = tableManager.value.columnParamsList.filter(
+        (a) => a.prop === currentColumn.value.prop
+      );
+      filterMultiple.value = (_a = currentColumn.value.filterMultiple) != null ? _a : false;
+      if (currentColumn.value.filterMultiple)
+        ;
+      else {
+        const formData = {
+          prop: currentColumn.value.prop,
+          filterType: currentColumn.value.filterType,
+          filterLabel: currentColumn.value.filterLabel,
+          filterOptions: currentColumn.value.filterOptions,
+          condition: null,
+          value: null
+        };
+        if (exsitList.length) {
+          formData.condition = exsitList[0].condition;
+          formData.value = exsitList[0].value;
+          if (formData.filterType === FilterItemTypeEnum$1.\u591A\u9009\u503C) {
+            formData.value = formData.value ? formData.value : [];
+          }
+        } else {
+          if (formData.filterType === FilterItemTypeEnum$1.\u591A\u9009\u503C) {
+            formData.value = [];
+          }
+        }
+        filterFormData.value = formData;
+      }
+    };
+    const handleRemoveFilterItem = (index2) => {
+    };
+    const handleScreen = () => {
+      if (filterMultiple.value)
+        ;
+      else {
+        const exsitIndex = tableManager.value.columnParamsList.findIndex(
+          (a) => a.prop === currentColumn.value.prop
+        );
+        if (exsitIndex !== -1) {
+          tableManager.value.columnParamsList.splice(exsitIndex, 1);
+        }
+        const inserData = {
+          prop: currentColumn.value.prop,
+          filterType: filterFormData.value.filterType,
+          condition: filterFormData.value.condition,
+          value: filterFormData.value.value
+        };
+        if (inserData.value) {
+          tableManager.value.columnParamsList.push(inserData);
+        }
+        emit("screen");
+      }
+    };
+    const handleClear = () => {
+      const list = tableManager.value.columnParamsList;
+      for (let index2 = list.length - 1; index2 >= 0; index2--) {
+        const item = list[index2];
+        if (item.prop === currentColumn.value.prop) {
+          list.splice(index2, 1);
+        }
+      }
+      emit("screen");
+    };
+    __expose({
+      show
+    });
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_date_picker = resolveComponent("el-date-picker");
+      const _component_el_input_number = resolveComponent("el-input-number");
+      const _component_el_checkbox = resolveComponent("el-checkbox");
+      const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(BEMSpace))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(createBEMName)("title"))
+        }, "\u7B5B\u9009", 2),
+        filterMultiple.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(createBEMName)("list"))
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(filterList.value, (item, index2) => {
+            return openBlock(), createElementBlock("div", {
+              key: index2,
+              class: normalizeClass(unref(createBEMName)("item"))
+            }, [
+              createVNode(_component_el_icon, {
+                size: 18,
+                class: normalizeClass(unref(createBEMName)("remove-icon")),
+                title: "\u79FB\u9664\u8BE5\u9879",
+                onClick: ($event) => handleRemoveFilterItem()
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(remove))
+                ]),
+                _: 2
+              }, 1032, ["class", "onClick"])
+            ], 2);
+          }), 128))
+        ], 2)) : (openBlock(), createElementBlock("div", _hoisted_1$c, [
+          currentColumn.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(createBEMName)("item"))
+          }, [
+            [
+              unref(FilterItemTypeEnum$1)["\u6587\u5B57"],
+              unref(FilterItemTypeEnum$1)["\u65E5\u671F"],
+              unref(FilterItemTypeEnum$1)["\u6570\u5B57"]
+            ].includes(filterFormData.value.filterType) ? (openBlock(), createBlock(_component_el_select, {
+              key: 0,
+              modelValue: filterFormData.value.condition,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filterFormData.value.condition = $event),
+              class: normalizeClass(unref(createBEMName)("operate")),
+              placeholder: "\u7B5B\u9009\u7C7B\u578B"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(compareOptions$1)[currentColumn.value.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))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "class"])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass(unref(createBEMName)("input"))
+            }, [
+              filterFormData.value.filterType === unref(FilterItemTypeEnum$1).\u6587\u5B57 ? (openBlock(), createBlock(_component_el_input, {
+                key: 0,
+                modelValue: filterFormData.value.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filterFormData.value.value = $event),
+                placeholder: "\u8BF7\u8F93\u5165",
+                clearable: ""
+              }, null, 8, ["modelValue"])) : filterFormData.value.filterType === unref(FilterItemTypeEnum$1).\u65E5\u671F ? (openBlock(), createBlock(_component_el_date_picker, {
+                key: 1,
+                modelValue: filterFormData.value.value,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filterFormData.value.value = $event),
+                placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F",
+                "value-format": "YYYY-MM-DD",
+                clearable: ""
+              }, null, 8, ["modelValue"])) : filterFormData.value.filterType === unref(FilterItemTypeEnum$1).\u6570\u5B57 ? (openBlock(), createBlock(_component_el_input_number, {
+                key: 2,
+                modelValue: filterFormData.value.value,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => filterFormData.value.value = $event),
+                "controls-position": "right",
+                clearable: "",
+                placeholder: "\u8BF7\u8F93\u5165"
+              }, null, 8, ["modelValue"])) : createCommentVNode("", true),
+              filterFormData.value.filterType === unref(FilterItemTypeEnum$1).\u5E03\u5C14\u503C ? (openBlock(), createBlock(_component_el_checkbox, {
+                key: 3,
+                modelValue: filterFormData.value.value,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filterFormData.value.value = $event)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(filterFormData.value.filterLabel), 1)
+                ]),
+                _: 1
+              }, 8, ["modelValue"])) : createCommentVNode("", true),
+              filterFormData.value.filterType === unref(FilterItemTypeEnum$1).\u591A\u9009\u503C ? (openBlock(), createBlock(_component_el_checkbox_group, {
+                key: 4,
+                modelValue: filterFormData.value.value,
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filterFormData.value.value = $event)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(filterFormData.value.filterOptions, (item, index2) => {
+                    return openBlock(), createBlock(_component_el_checkbox, {
+                      key: index2,
+                      style: { "width": "100%" },
+                      label: item.value
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(item.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])) : createCommentVNode("", true),
+              filterFormData.value.filterType === unref(FilterItemTypeEnum$1).\u5355\u9009\u503C ? (openBlock(), createBlock(_component_el_select, {
+                key: 5,
+                modelValue: filterFormData.value.value,
+                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => filterFormData.value.value = $event)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(filterFormData.value.filterOptions, (item, index2) => {
+                    return openBlock(), createBlock(_component_el_option, {
+                      key: index2,
+                      style: { "width": "100%" },
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])) : createCommentVNode("", true)
+            ], 2)
+          ], 2)) : createCommentVNode("", true)
+        ])),
+        createElementVNode("div", {
+          class: normalizeClass(unref(createBEMName)("actions"))
+        }, [
+          filterMultiple.value ? (openBlock(), createBlock(_component_el_button, {
+            key: 0,
+            type: "primary",
+            link: "",
+            icon: unref(circlePlus)
+          }, {
+            default: withCtx(() => [
+              createTextVNode("\u6DFB\u52A0\u7B5B\u9009\u6761\u4EF6")
+            ]),
+            _: 1
+          }, 8, ["icon"])) : (openBlock(), createElementBlock("div", _hoisted_2$7)),
+          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("\u786E\u5B9A")
+              ]),
+              _: 1
+            })
+          ])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+var FilterZone$1 = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-4f0da6ca"]]);
 var index_vue_vue_type_style_index_0_lang$7 = "";
 const _hoisted_1$b = ["data-key"];
 const _hoisted_2$6 = {
   key: 0,
   style: { "color": "red" }
 };
-const _hoisted_3$4 = ["data-index", "editable", "cell-key"];
-const _hoisted_4$4 = {
+const _hoisted_3$4 = ["onClick"];
+const _hoisted_4$4 = ["data-index", "editable", "cell-key"];
+const _hoisted_5$3 = {
   key: 0,
   class: "el-table-cell_editable"
 };
-const _hoisted_5$3 = { class: "el-table-cell_editable-inputer" };
-const _hoisted_6$2 = {
+const _hoisted_6$2 = { class: "el-table-cell_editable-inputer" };
+const _hoisted_7$2 = {
   key: 0,
   class: "el-table-cell_loading"
 };
-const _hoisted_7$2 = {
+const _hoisted_8 = {
   key: 1,
   class: "empty-edit"
 };
-const _hoisted_8 = { key: 0 };
-const _hoisted_9 = ["onClick"];
-const __default__$i = {
+const _hoisted_9 = { key: 0 };
+const _hoisted_10 = ["onClick"];
+const __default__$h = {
   name: "TableColumn"
 };
-const _sfc_main$u = defineComponent({
-  ...__default__$i,
+const _sfc_main$t = defineComponent({
+  ...__default__$h,
   props: {
     els: {},
     context: {}
   },
-  setup(__props) {
+  emits: ["column-screen"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const tableManager = computed(() => {
       return props.context;
     });
@@ -5214,128 +5723,177 @@ const _sfc_main$u = defineComponent({
       props.context.restoreCellValue(row, cellKey, restoreKey);
       props.context.clearRowData(cellKey);
     };
+    const simplePopoverRef = ref();
+    const filterZoneRef = ref();
+    const showSimplePopover = (element, column) => {
+      var _a;
+      (_a = simplePopoverRef.value) == null ? void 0 : _a.show(element);
+      nextTick(() => {
+        filterZoneRef.value.show(column);
+      });
+    };
+    const hideSimplePopover = () => {
+      var _a;
+      (_a = simplePopoverRef.value) == null ? void 0 : _a.hide();
+    };
+    const handleColumnScreen = () => {
+      hideSimplePopover();
+      emit("column-screen");
+    };
     return (_ctx, _cache) => {
       const _component_el_icon = resolveComponent("el-icon");
       const _component_TableColumn = resolveComponent("TableColumn");
       const _component_el_table_column = resolveComponent("el-table-column");
-      return openBlock(true), createElementBlock(Fragment, null, renderList(props.els, (column, index2) => {
-        return openBlock(), createBlock(_component_el_table_column, mergeProps({
-          key: `${(column.label || "") + index2.toString()}`,
-          label: column.userLabel || column.label,
-          prop: column.prop,
-          width: column.width,
-          "min-width": column.minWidth,
-          fixed: column.fixed,
-          "column-key": column._key,
-          ref_for: true
-        }, column.props), {
-          header: withCtx(($header) => [
-            createElementVNode("div", {
-              class: normalizeClass(["el-table__header-cell", { dragable: tableManager.value.table.dragable }]),
-              "data-key": column._key
-            }, [
-              column.required ? (openBlock(), createElementBlock("span", _hoisted_2$6, "*")) : createCommentVNode("", true),
-              column.helpText || column.icon ? (openBlock(), createBlock(_component_el_icon, {
-                key: 1,
-                title: column.helpText
-              }, {
-                default: withCtx(() => [
-                  column.icon ? (openBlock(), createBlock(resolveDynamicComponent(column.icon), { key: 0 })) : column.helpText ? (openBlock(), createBlock(unref(questionFilled), { key: 1 })) : createCommentVNode("", true)
-                ]),
-                _: 2
-              }, 1032, ["title"])) : createCommentVNode("", true),
-              createElementVNode("span", null, toDisplayString($header.column.label || ""), 1)
-            ], 10, _hoisted_1$b)
-          ]),
-          default: withCtx(({ row, $index, column: columnEl }) => [
-            column.children ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              column.children ? (openBlock(), createBlock(_component_TableColumn, {
-                key: 0,
-                els: column.children,
-                context: props.context
-              }, null, 8, ["els", "context"])) : createCommentVNode("", true)
-            ], 64)) : (openBlock(), createElementBlock("div", {
-              key: 1,
-              "data-index": $index,
-              editable: column.editData ? 1 : 0,
-              "cell-key": tableManager.value.composeTableCellKey(columnEl.columnKey, row[tableManager.value.rowKey]),
-              class: normalizeClass([
-                "el-table-cell_inner",
-                column.showRowNumbers != null ? `show-${column.showRowNumbers}` : ""
-              ])
-            }, [
-              column.showEdit || tableManager.value.editableOpen.get(
-                tableManager.value.composeTableCellKey(
-                  columnEl.columnKey,
-                  row[tableManager.value.rowKey]
-                )
-              ) ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
-                column.editData ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  createElementVNode("div", _hoisted_5$3, [
-                    createVNode(_sfc_main$z, {
-                      modelValue: row[column.editData.prop || column.prop],
-                      renderFn: column.editData.renderFn,
-                      context: props.context,
-                      options: column.editData,
-                      model: row,
-                      "onUpdate:modelValue": ($event) => onUpdateTableCellModelValue(
-                        row,
-                        column.editData.prop || column.prop,
-                        $event
-                      ),
-                      onChange: ($event) => onCellDataChange(
-                        row,
-                        tableManager.value.composeTableCellKey(
-                          columnEl.columnKey,
-                          row[tableManager.value.rowKey]
-                        ),
-                        column
-                      )
-                    }, null, 8, ["modelValue", "renderFn", "context", "options", "model", "onUpdate:modelValue", "onChange"])
+      return openBlock(), createElementBlock(Fragment, null, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.els, (column, index2) => {
+          return openBlock(), createBlock(_component_el_table_column, mergeProps({
+            key: `${(column.label || "") + index2.toString()}`,
+            label: column.userLabel || column.label,
+            prop: column.prop,
+            width: column.width,
+            "min-width": column.minWidth,
+            fixed: column.fixed,
+            "column-key": column._key,
+            ref_for: true
+          }, column.props), {
+            header: withCtx(($header) => [
+              createElementVNode("div", {
+                class: normalizeClass(["el-table__header-cell", { dragable: tableManager.value.table.dragable }]),
+                "data-key": column._key
+              }, [
+                column.required ? (openBlock(), createElementBlock("span", _hoisted_2$6, "*")) : createCommentVNode("", true),
+                column.helpText || column.icon ? (openBlock(), createBlock(_component_el_icon, {
+                  key: 1,
+                  title: column.helpText
+                }, {
+                  default: withCtx(() => [
+                    column.icon ? (openBlock(), createBlock(resolveDynamicComponent(column.icon), { key: 0 })) : column.helpText ? (openBlock(), createBlock(unref(questionFilled), { key: 1 })) : createCommentVNode("", true)
                   ]),
-                  tableManager.value.editableOpen.get(
-                    tableManager.value.composeTableCellKey(
-                      columnEl.columnKey,
-                      row[tableManager.value.rowKey]
-                    ) + "-loading"
-                  ) ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
-                    createVNode(_component_el_icon, { class: "is-loading" }, {
-                      default: withCtx(() => [
-                        createVNode(unref(loading))
-                      ]),
-                      _: 1
-                    })
-                  ])) : createCommentVNode("", true)
-                ], 64)) : (openBlock(), createElementBlock("div", _hoisted_7$2, "\u8BE5\u5217\u672A\u8BBE\u7F6E\u7F16\u8F91\u7EC4\u4EF6"))
-              ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                column.renderFn && $index !== -1 ? (openBlock(), createBlock(_sfc_main$v, {
-                  key: 0,
-                  "render-fn": column.renderFn,
-                  context: props.context,
-                  pure: "",
-                  row,
-                  index: $index
-                }, null, 8, ["render-fn", "context", "row", "index"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  column.prop ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(row[column.prop]), 1)) : createCommentVNode("", true)
-                ], 64)),
-                column.editData ? (openBlock(), createElementBlock("span", {
+                  _: 2
+                }, 1032, ["title"])) : createCommentVNode("", true),
+                createElementVNode("span", null, toDisplayString($header.column.label || ""), 1),
+                column.prop && column.filterable ? (openBlock(), createElementBlock("div", {
                   key: 2,
-                  class: "el-table-cell__edit-icon",
-                  onClick: ($event) => handleClickEditIcon(columnEl, row)
+                  class: normalizeClass([
+                    "el-table__header-filter",
+                    { active: tableManager.value.columnParamsKey[column.prop] }
+                  ]),
+                  onClick: withModifiers(($event) => showSimplePopover($event.currentTarget, column), ["stop"])
                 }, [
-                  createVNode(_component_el_icon, { size: 14 }, {
+                  createVNode(_component_el_icon, null, {
                     default: withCtx(() => [
-                      createVNode(unref(edit))
+                      createVNode(unref(filter))
                     ]),
                     _: 1
                   })
-                ], 8, _hoisted_9)) : createCommentVNode("", true)
-              ], 64))
-            ], 10, _hoisted_3$4))
+                ], 10, _hoisted_3$4)) : createCommentVNode("", true)
+              ], 10, _hoisted_1$b)
+            ]),
+            default: withCtx(({ row, $index, column: columnEl }) => [
+              column.children ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                column.children ? (openBlock(), createBlock(_component_TableColumn, {
+                  key: 0,
+                  els: column.children,
+                  context: props.context
+                }, null, 8, ["els", "context"])) : createCommentVNode("", true)
+              ], 64)) : (openBlock(), createElementBlock("div", {
+                key: 1,
+                "data-index": $index,
+                editable: column.editData ? 1 : 0,
+                "cell-key": tableManager.value.composeTableCellKey(columnEl.columnKey, row[tableManager.value.rowKey]),
+                class: normalizeClass([
+                  "el-table-cell_inner",
+                  column.showRowNumbers != null ? `show-${column.showRowNumbers}` : ""
+                ])
+              }, [
+                column.showEdit || tableManager.value.editableOpen.get(
+                  tableManager.value.composeTableCellKey(
+                    columnEl.columnKey,
+                    row[tableManager.value.rowKey]
+                  )
+                ) ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+                  column.editData ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createElementVNode("div", _hoisted_6$2, [
+                      createVNode(_sfc_main$A, {
+                        modelValue: row[column.editData.prop || column.prop],
+                        renderFn: column.editData.renderFn,
+                        context: props.context,
+                        options: column.editData,
+                        model: row,
+                        "onUpdate:modelValue": ($event) => onUpdateTableCellModelValue(
+                          row,
+                          column.editData.prop || column.prop,
+                          $event
+                        ),
+                        onChange: ($event) => onCellDataChange(
+                          row,
+                          tableManager.value.composeTableCellKey(
+                            columnEl.columnKey,
+                            row[tableManager.value.rowKey]
+                          ),
+                          column
+                        )
+                      }, null, 8, ["modelValue", "renderFn", "context", "options", "model", "onUpdate:modelValue", "onChange"])
+                    ]),
+                    tableManager.value.editableOpen.get(
+                      tableManager.value.composeTableCellKey(
+                        columnEl.columnKey,
+                        row[tableManager.value.rowKey]
+                      ) + "-loading"
+                    ) ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+                      createVNode(_component_el_icon, { class: "is-loading" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(loading))
+                        ]),
+                        _: 1
+                      })
+                    ])) : 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, {
+                    key: 0,
+                    "render-fn": column.renderFn,
+                    context: props.context,
+                    pure: "",
+                    row,
+                    index: $index
+                  }, null, 8, ["render-fn", "context", "row", "index"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    column.prop ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(row[column.prop]), 1)) : createCommentVNode("", true)
+                  ], 64)),
+                  column.editData ? (openBlock(), createElementBlock("span", {
+                    key: 2,
+                    class: "el-table-cell__edit-icon",
+                    onClick: ($event) => handleClickEditIcon(columnEl, row)
+                  }, [
+                    createVNode(_component_el_icon, { size: 14 }, {
+                      default: withCtx(() => [
+                        createVNode(unref(edit))
+                      ]),
+                      _: 1
+                    })
+                  ], 8, _hoisted_10)) : createCommentVNode("", true)
+                ], 64))
+              ], 10, _hoisted_4$4))
+            ]),
+            _: 2
+          }, 1040, ["label", "prop", "width", "min-width", "fixed", "column-key"]);
+        }), 128)),
+        createVNode(SimplePopover, {
+          ref_key: "simplePopoverRef",
+          ref: simplePopoverRef,
+          width: 320
+        }, {
+          default: withCtx(() => [
+            createVNode(FilterZone$1, {
+              ref_key: "filterZoneRef",
+              ref: filterZoneRef,
+              tableManager: tableManager.value,
+              onScreen: handleColumnScreen
+            }, null, 8, ["tableManager"])
           ]),
-          _: 2
-        }, 1040, ["label", "prop", "width", "min-width", "fixed", "column-key"]);
-      }), 128);
+          _: 1
+        }, 512)
+      ], 64);
     };
   }
 });
@@ -6293,11 +6851,11 @@ var Sortable_min = { exports: {} };
   });
 })(Sortable_min);
 var Sortable = Sortable_min.exports;
-const __default__$h = {
+const __default__$g = {
   name: "DraggableList"
 };
-const _sfc_main$t = defineComponent({
-  ...__default__$h,
+const _sfc_main$s = defineComponent({
+  ...__default__$g,
   props: {
     modelValue: {},
     itemKey: {},
@@ -6394,11 +6952,11 @@ const _sfc_main$t = defineComponent({
 });
 var setting_vue_vue_type_style_index_0_lang$2 = "";
 var setting_vue_vue_type_style_index_1_lang$2 = "";
-const __default__$g = {
+const __default__$f = {
   name: "SaveColumnSetting"
 };
-const _sfc_main$s = defineComponent({
-  ...__default__$g,
+const _sfc_main$r = defineComponent({
+  ...__default__$f,
   props: {
     onlyShow: { type: Boolean, default: false }
   },
@@ -6473,7 +7031,7 @@ const _sfc_main$s = 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$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
         title: "\u7F16\u8F91\u8868\u683C",
@@ -6522,7 +7080,7 @@ const _sfc_main$s = defineComponent({
           createElementVNode("div", {
             class: normalizeClass(unref(createBEMName)("column-table-wrap"))
           }, [
-            createVNode(_sfc_main$t, {
+            createVNode(_sfc_main$s, {
               modelValue: innerEls.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
               "item-key": "_key"
@@ -6785,11 +7343,11 @@ const useColumnToolsSetting$1 = () => {
 };
 var userConfig_vue_vue_type_style_index_0_lang = "";
 var userConfig_vue_vue_type_style_index_1_lang = "";
-const __default__$f = {
+const __default__$e = {
   name: "SaveUserConfig"
 };
-const _sfc_main$r = defineComponent({
-  ...__default__$f,
+const _sfc_main$q = defineComponent({
+  ...__default__$e,
   emits: ["submit", "closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const emit = __emit;
@@ -6852,7 +7410,7 @@ const _sfc_main$r = defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
         title: "\u7F16\u8F91\u79C1\u4EBA\u914D\u7F6E",
@@ -6918,13 +7476,6 @@ const useUserConfig = () => {
 };
 var index_vue_vue_type_style_index_0_lang$6 = "";
 var index_vue_vue_type_style_index_1_scoped_true_lang$1 = "";
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
 const _withScopeId$2 = (n) => (pushScopeId("data-v-7bf8eedc"), n = n(), popScopeId(), n);
 const _hoisted_1$a = { title: "\u5168\u9009/\u53D6\u6D88" };
 const _hoisted_2$5 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("i", {
@@ -6934,7 +7485,7 @@ const _hoisted_2$5 = /* @__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$q = defineComponent({
+const _sfc_main$p = defineComponent({
   __name: "index",
   props: {
     els: {}
@@ -7066,7 +7617,7 @@ const _sfc_main$q = defineComponent({
         createElementVNode("div", {
           class: normalizeClass(unref(createBEMName)("list"))
         }, [
-          createVNode(_sfc_main$t, {
+          createVNode(_sfc_main$s, {
             modelValue: innerEls.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => innerEls.value = $event),
             class: normalizeClass(unref(BEMSpace))
@@ -7132,14 +7683,14 @@ const _sfc_main$q = defineComponent({
             _: 1
           })
         ], 2),
-        unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$s, {
+        unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$r, {
           key: 0,
           ref_key: "columnToolsSettingRef",
           ref: columnToolsSettingRef,
           onSubmit: onSubmitColumns,
           onClosed: unref(onColumnToolsSettingClosed)
         }, null, 8, ["onClosed"])) : createCommentVNode("", true),
-        unref(isRenderUserConfig) ? (openBlock(), createBlock(_sfc_main$r, {
+        unref(isRenderUserConfig) ? (openBlock(), createBlock(_sfc_main$q, {
           key: 1,
           ref_key: "userConfigRef",
           ref: userConfigRef,
@@ -7150,8 +7701,8 @@ const _sfc_main$q = defineComponent({
     };
   }
 });
-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 = "";
+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 = "";
 const _withScopeId$1 = (n) => (pushScopeId("data-v-15dbe923"), n = n(), popScopeId(), n);
 const _hoisted_1$9 = { key: 0 };
 const _hoisted_2$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "export-wrod" }, "\u4ECE\u7B2C", -1));
@@ -7160,7 +7711,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$p = defineComponent({
+const _sfc_main$o = defineComponent({
   __name: "index",
   emits: ["closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -7313,7 +7864,7 @@ const _sfc_main$p = 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$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => visible.value = $event),
         title: "\u5BFC\u51FA\u8868\u683C\u6570\u636E",
@@ -7487,7 +8038,7 @@ const _sfc_main$p = defineComponent({
     };
   }
 });
-var ExportForm = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-15dbe923"]]);
+var ExportForm = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__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);
@@ -7495,11 +8046,11 @@ const genSaveColumnName = columnsSaver$1.genScopeItemKey.bind(columnsSaver$1);
 const saveColumns$1 = columnsSaver$1.saveContentItem.bind(columnsSaver$1);
 const getColumns$1 = columnsSaver$1.getContentItem.bind(columnsSaver$1);
 const _hoisted_1$8 = { class: "el-table__empty-data" };
-const __default__$e = {
+const __default__$d = {
   name: "EmptyData"
 };
-const _sfc_main$o = defineComponent({
-  ...__default__$e,
+const _sfc_main$n = defineComponent({
+  ...__default__$d,
   props: {
     text: {}
   },
@@ -7511,12 +8062,12 @@ const _sfc_main$o = defineComponent({
     };
   }
 });
-var index_vue_vue_type_style_index_0_scoped_true_lang$5 = "";
-const __default__$d = {
+var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
+const __default__$c = {
   name: "SelectionsTable"
 };
-const _sfc_main$n = defineComponent({
-  ...__default__$d,
+const _sfc_main$m = defineComponent({
+  ...__default__$c,
   emits: ["closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const emit = __emit;
@@ -7582,7 +8133,7 @@ const _sfc_main$n = defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
         title: "\u5DF2\u9009\u6570\u636E",
@@ -7631,7 +8182,7 @@ const _sfc_main$n = defineComponent({
     };
   }
 });
-var SelectionsTable = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-3b4b4ed8"]]);
+var SelectionsTable = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-3b4b4ed8"]]);
 const useSelectionsTable = () => {
   const selectionsTableRef = ref();
   const isRenderSelectionsTable = ref(false);
@@ -7793,113 +8344,6 @@ const useExportForm = () => {
     onExportFormClosed: onClosed
   };
 };
-var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
-const __default__$c = {
-  name: "SimplePopover"
-};
-const _sfc_main$m = defineComponent({
-  ...__default__$c,
-  setup(__props, { expose: __expose }) {
-    const { BEMSpace } = createBEMSpace("simple-popover");
-    const visible = ref(false);
-    const isRender = ref(false);
-    watch(
-      () => visible.value,
-      (val) => {
-        if (val) {
-          isRender.value = true;
-        } else {
-          setTimeout(() => {
-            isRender.value = false;
-          }, 300);
-        }
-      },
-      {
-        deep: true,
-        immediate: true
-      }
-    );
-    let currentTriggerElement = null;
-    const popoverRectInfo = ref({});
-    const getPopoverTriggerElementRectInfo = (element) => {
-      popoverRectInfo.value = element.getBoundingClientRect();
-    };
-    const popoverRef = ref();
-    const POPOVER_WIDTH = 200;
-    const popoverStyle = computed(() => {
-      const { top, left, width, height } = popoverRectInfo.value;
-      if (top == null) {
-        return {};
-      }
-      return {
-        top: top + height + 4 + "px",
-        left: left - POPOVER_WIDTH + width - 2 + "px",
-        width: POPOVER_WIDTH + "px"
-      };
-    });
-    const isChildElement = (rootElement, childElement) => {
-      let _element = childElement;
-      while (_element && _element !== rootElement) {
-        _element = _element.parentElement;
-      }
-      if (_element) {
-        return true;
-      } else {
-        return false;
-      }
-    };
-    const handleHide = (e) => {
-      if (isChildElement(popoverRef.value, e.target)) {
-        return;
-      }
-      hide();
-    };
-    const handleResize = throttle(() => {
-      currentTriggerElement && getPopoverTriggerElementRectInfo(currentTriggerElement);
-    }, 100);
-    const hide = () => {
-      document.removeEventListener("click", handleHide);
-      window.removeEventListener("resize", handleResize);
-      visible.value = false;
-    };
-    const show = (element) => {
-      if (visible.value) {
-        if (currentTriggerElement === element) {
-          return;
-        }
-        document.removeEventListener("click", handleHide);
-        window.removeEventListener("resize", handleResize);
-      }
-      currentTriggerElement = element;
-      getPopoverTriggerElementRectInfo(currentTriggerElement);
-      visible.value = true;
-      setTimeout(() => {
-        document.addEventListener("click", handleHide);
-        window.addEventListener("resize", handleResize);
-      }, 0);
-    };
-    __expose({
-      show,
-      hide
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, { to: "body" }, [
-        isRender.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          ref_key: "popoverRef",
-          ref: popoverRef,
-          class: normalizeClass([unref(BEMSpace), { visible: visible.value }]),
-          style: normalizeStyle({
-            ...popoverStyle.value
-          })
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 6)) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-var SimplePopover = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-adcb18c2"]]);
 const _sfc_main$l = {
   props: {
     isLoading: {
@@ -7977,9 +8421,11 @@ const _sfc_main$k = defineComponent({
     table: {},
     manager: {}
   },
-  setup(__props, { expose: __expose }) {
+  emits: ["column-screen"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     const { createBEMName } = createBEMSpace("page-model-table");
     const props = __props;
+    const emit = __emit;
     const instance = getCurrentInstance();
     const component = instance.proxy;
     const tableManager = reactive(new TableManager(props.table));
@@ -8141,6 +8587,9 @@ const _sfc_main$k = defineComponent({
         onSaveColumns(newList);
       }
     };
+    const handleColumnScreen = () => {
+      emit("column-screen");
+    };
     onUnmounted(() => {
       tableManager.onUnmounted();
       scrollLifecycle.onUnmounted();
@@ -8189,7 +8638,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$o, {
+                    }, null, 8, ["text"])) : (openBlock(), createBlock(_sfc_main$n, {
                       key: 1,
                       text: (_b = tableManager == null ? void 0 : tableManager.tableProps) == null ? void 0 : _b.emptyText
                     }, null, 8, ["text"]))
@@ -8250,19 +8699,19 @@ const _sfc_main$k = defineComponent({
                         width: table.value.operate.width
                       }, table.value.operate.props), {
                         default: withCtx(({ row, $index }) => [
-                          table.value.filterable && $index === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [], 64)) : (openBlock(), createBlock(_sfc_main$B, mergeProps({
-                            key: 1,
+                          createVNode(_sfc_main$C, mergeProps({
                             els: table.value.operate.els,
                             context: tableManager,
                             executeData: [row, $index]
-                          }, _ctx.$attrs), null, 16, ["els", "context", "executeData"]))
+                          }, _ctx.$attrs), null, 16, ["els", "context", "executeData"])
                         ]),
                         _: 1
                       }, 16, ["width"])) : createCommentVNode("", true)
                     ], 64)) : createCommentVNode("", true),
-                    createVNode(_sfc_main$u, {
+                    createVNode(_sfc_main$t, {
                       els: renderedTableEls.value,
-                      context: tableManager
+                      context: tableManager,
+                      onColumnScreen: handleColumnScreen
                     }, null, 8, ["els", "context"]),
                     !isOperateFixedLeft.value ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
                       table.value.operate && ((_b = table.value.operate.els) == null ? void 0 : _b.length) ? (openBlock(), createBlock(_component_el_table_column, mergeProps({
@@ -8271,12 +8720,11 @@ const _sfc_main$k = defineComponent({
                         width: table.value.operate.width
                       }, table.value.operate.props), {
                         default: withCtx(({ row, $index }) => [
-                          table.value.filterable && $index === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [], 64)) : (openBlock(), createBlock(_sfc_main$B, mergeProps({
-                            key: 1,
+                          createVNode(_sfc_main$C, mergeProps({
                             els: table.value.operate.els,
                             context: tableManager,
                             executeData: [row, $index]
-                          }, _ctx.$attrs), null, 16, ["els", "context", "executeData"]))
+                          }, _ctx.$attrs), null, 16, ["els", "context", "executeData"])
                         ]),
                         _: 1
                       }, 16, ["width"])) : createCommentVNode("", true)
@@ -8420,7 +8868,6 @@ class FormManager extends IManager {
     this.initReflect(this.form);
   }
   isFormDataChange() {
-    console.log();
     return !isEqual(this.formData, this.tempFormData);
   }
   getLeaveConfirmMessage() {
@@ -9054,7 +9501,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$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
         title: "\u8868\u5355\u914D\u7F6E",
@@ -9120,7 +9567,7 @@ const _sfc_main$e = defineComponent({
                           ], 2);
                         }), 128))
                       ], 2),
-                      createVNode(_sfc_main$t, {
+                      createVNode(_sfc_main$s, {
                         modelValue: innerEls.value,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
                         "item-key": "_key"
@@ -9480,7 +9927,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$z, {
+                      createVNode(_sfc_main$A, {
                         modelValue: formManager.formData[item.prop],
                         renderFn: item.renderFn,
                         context: formManager,
@@ -9607,7 +10054,7 @@ const _sfc_main$c = defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return formVisible.value ? (openBlock(), createBlock(_sfc_main$y, {
+      return formVisible.value ? (openBlock(), createBlock(_sfc_main$z, {
         key: 0,
         modelValue: formVisible.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formVisible.value = $event),
@@ -10214,7 +10661,7 @@ const _sfc_main$7 = defineComponent({
           label: item.label,
           prop: item.prop,
           selected: !!currentUseList.find((a) => a.key === item.prop),
-          fieldType: item.fieldType || "string"
+          filterType: item.filterType || "string"
         };
       });
     });
@@ -10235,8 +10682,8 @@ const _sfc_main$7 = defineComponent({
       filterTools.value.addFilterIem({
         key: item.prop,
         label: item.label,
-        type: item.fieldType,
-        operate: compareOptions[item.fieldType][0].value,
+        type: item.filterType,
+        operate: compareOptions[item.filterType][0].value,
         value: null
       });
     };
@@ -10431,7 +10878,7 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-var FilterZone = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-e8fbec78"]]);
+var FilterZone = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-3b3a557e"]]);
 function getDateValue(value) {
   return value == null ? void 0 : value.split(" ")[0];
 }
@@ -11095,6 +11542,11 @@ const _sfc_main$4 = defineComponent({
       } catch (error) {
       }
     };
+    const handleColumnScreen = () => {
+      if (manager.tableManager.table.columnParamsQueryImmediate) {
+        manager.doGetDataRequest();
+      }
+    };
     const handleSubmitForm = async () => {
       const result = await manager.handleSubmit();
       if (result) {
@@ -11236,7 +11688,7 @@ const _sfc_main$4 = defineComponent({
               key: 0,
               class: normalizeClass(unref(createBEMName)("top-tabs"))
             }, [
-              hasTabs.value ? (openBlock(), createBlock(_sfc_main$X, {
+              hasTabs.value ? (openBlock(), createBlock(_sfc_main$Y, {
                 key: 0,
                 tabs: uConfig.value.tabs,
                 manager,
@@ -11252,7 +11704,7 @@ const _sfc_main$4 = defineComponent({
               key: 1,
               class: normalizeClass(unref(createBEMName)("search"))
             }, [
-              createVNode(_sfc_main$w, {
+              createVNode(_sfc_main$x, {
                 ref_key: "searchFormRef",
                 ref: searchFormRef,
                 manager
@@ -11276,7 +11728,7 @@ const _sfc_main$4 = defineComponent({
               }, [
                 createVNode(_component_el_scrollbar, null, {
                   default: withCtx(() => [
-                    hasSelectableActions.value ? (openBlock(), createBlock(_sfc_main$A, {
+                    hasSelectableActions.value ? (openBlock(), createBlock(_sfc_main$B, {
                       key: 0,
                       els: manager.config.table.selectableButtons,
                       tableManager: manager.tableManager,
@@ -11320,7 +11772,8 @@ const _sfc_main$4 = defineComponent({
                 onCustom: handleCustomEvent,
                 onAdd: handleAddEvent,
                 onUpd: handleUpdEvent,
-                onDel: handleDelEvent
+                onDel: handleDelEvent,
+                onColumnScreen: handleColumnScreen
               }, {
                 table: withCtx(({ data }) => [
                   renderSlot(_ctx.$slots, "table", { data })
@@ -11503,7 +11956,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$y, {
+      return openBlock(), createBlock(_sfc_main$z, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
         title: "\u7F16\u8F91\u8868\u683C",
@@ -11546,7 +11999,7 @@ const _sfc_main$2 = defineComponent({
               ], 2);
             }), 128))
           ], 2),
-          createVNode(_sfc_main$t, {
+          createVNode(_sfc_main$s, {
             modelValue: innerEls.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
             "item-key": "_key"
@@ -11710,7 +12163,7 @@ const _sfc_main$1 = defineComponent({
         createElementVNode("div", {
           class: normalizeClass(unref(createBEMName)("list"))
         }, [
-          createVNode(_sfc_main$t, {
+          createVNode(_sfc_main$s, {
             modelValue: innerEls.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
             class: normalizeClass(unref(BEMSpace)),
@@ -12173,7 +12626,7 @@ const _sfc_main = defineComponent({
                     }, {
                       default: withCtx(() => [
                         _ctx.alwaysShowEdit || isCurrentRowFocus($index) ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                          createVNode(_sfc_main$v, {
+                          createVNode(_sfc_main$w, {
                             "render-fn": column.renderFn,
                             pure: "",
                             row,
@@ -12227,7 +12680,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$B, {
+          createVNode(_sfc_main$C, {
             els: bottomActions.value,
             onCustom: handleBottomActionsEvent
           }, null, 8, ["els"]),
@@ -12243,7 +12696,7 @@ const defineEditableTable = function(config) {
 };
 var iconfont = "";
 const name = "@juzhenfe/page-model";
-const version = "3.12.5";
+const version = "3.13.0";
 const types = "dist/main.d.ts";
 const main = "dist/index.umd.js";
 const keywords = [
@@ -12323,4 +12776,4 @@ const ModelComponent = {
     saveTableColumns(content);
   }
 };
-export { _sfc_main$B as ButtonsRenderer, _sfc_main$t as DraggableList, index as EditableTable, _sfc_main$y as FormDialog, _sfc_main$a as FormDrawer, PageModelForm, _sfc_main$v as TableCellRenderer, _sfc_main$s as TableColumnSetting, columnTools, ModelComponent as default, defineConfig, defineEditableTable, defineForm };
+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 };