@juzhenfe/page-model 3.14.3 → 3.14.5

package/dist/index.es.js

@@ -181,11 +181,11 @@ const randomStr = (len = 16) => {
     return RANDOM_RANGE[Math.floor(Math.random() * RANDOM_RANGE_LENGTH)];
   }).join("");
 };
-const _hoisted_1$z = { class: "scenes-tab" };
+const _hoisted_1$C = { class: "scenes-tab" };
 const __default__$o = {
   name: "ScenesTab"
 };
-const _sfc_main$_ = defineComponent({
+const _sfc_main$12 = defineComponent({
   ...__default__$o,
   setup(__props, { expose: __expose }) {
     const getValue2 = () => {
@@ -195,7 +195,7 @@ const _sfc_main$_ = defineComponent({
       getValue: getValue2
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$z);
+      return openBlock(), createElementBlock("div", _hoisted_1$C);
     };
   }
 });
@@ -203,7 +203,7 @@ var index_vue_vue_type_style_index_0_lang$d = "";
 const __default__$n = {
   name: "NormalTab"
 };
-const _sfc_main$Z = defineComponent({
+const _sfc_main$11 = defineComponent({
   ...__default__$n,
   props: {
     panes: {},
@@ -1656,7 +1656,7 @@ var index_vue_vue_type_style_index_0_lang$c = "";
 const __default__$m = {
   name: "TopTabs"
 };
-const _sfc_main$Y = defineComponent({
+const _sfc_main$10 = defineComponent({
   ...__default__$m,
   props: {
     tabs: {},
@@ -1677,12 +1677,12 @@ const _sfc_main$Y = defineComponent({
     const tabComponent = computed(() => {
       if (props.tabs.useScene) {
         return {
-          component: _sfc_main$_,
+          component: _sfc_main$12,
           props: props.tabs.sceneTab
         };
       } else {
         return {
-          component: _sfc_main$Z,
+          component: _sfc_main$11,
           props: {
             panes: props.tabs.panes,
             props: props.tabs.props
@@ -2306,9 +2306,72 @@ var _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$X = defineComponent({
+const _sfc_main$$ = defineComponent({
   name: "ArrowDownBold"
 });
+const _hoisted_1$B = {
+  class: "icon",
+  width: "200",
+  height: "200",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$u = /* @__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$r = [
+  _hoisted_2$u
+];
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$B, _hoisted_3$r);
+}
+var arrowDownBold = /* @__PURE__ */ _export_sfc$1(_sfc_main$$, [["render", _sfc_render$l]]);
+const _sfc_main$_ = defineComponent({
+  name: "ArrowDown"
+});
+const _hoisted_1$A = {
+  class: "icon",
+  width: "200",
+  height: "200",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$t = /* @__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$q = [
+  _hoisted_2$t
+];
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_3$q);
+}
+var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$_, [["render", _sfc_render$k]]);
+const _sfc_main$Z = defineComponent({
+  name: "CaretBottom"
+});
+const _hoisted_1$z = {
+  class: "icon",
+  width: "200",
+  height: "200",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$s = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M192 384l320 384 320-384z"
+}, null, -1);
+const _hoisted_3$p = [
+  _hoisted_2$s
+];
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_3$p);
+}
+var caretBottom = /* @__PURE__ */ _export_sfc$1(_sfc_main$Z, [["render", _sfc_render$j]]);
+const _sfc_main$Y = defineComponent({
+  name: "CaretRight"
+});
 const _hoisted_1$y = {
   class: "icon",
   width: "200",
@@ -2318,17 +2381,17 @@ const _hoisted_1$y = {
 };
 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"
+  d: "M384 192v640l384-320.064z"
 }, null, -1);
 const _hoisted_3$o = [
   _hoisted_2$r
 ];
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_3$o);
 }
-var arrowDownBold = /* @__PURE__ */ _export_sfc$1(_sfc_main$X, [["render", _sfc_render$j]]);
-const _sfc_main$W = defineComponent({
-  name: "ArrowDown"
+var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$Y, [["render", _sfc_render$i]]);
+const _sfc_main$X = defineComponent({
+  name: "CaretTop"
 });
 const _hoisted_1$x = {
   class: "icon",
@@ -2339,17 +2402,17 @@ const _hoisted_1$x = {
 };
 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"
+  d: "M512 320L192 704h639.936z"
 }, null, -1);
 const _hoisted_3$n = [
   _hoisted_2$q
 ];
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_3$n);
 }
-var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["render", _sfc_render$i]]);
-const _sfc_main$V = defineComponent({
-  name: "CaretBottom"
+var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$X, [["render", _sfc_render$h]]);
+const _sfc_main$W = defineComponent({
+  name: "CirclePlusFilled"
 });
 const _hoisted_1$w = {
   class: "icon",
@@ -2360,17 +2423,17 @@ const _hoisted_1$w = {
 };
 const _hoisted_2$p = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M192 384l320 384 320-384z"
+  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$m = [
   _hoisted_2$p
 ];
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$m);
 }
-var caretBottom = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["render", _sfc_render$h]]);
-const _sfc_main$U = defineComponent({
-  name: "CaretRight"
+var circlePlusFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["render", _sfc_render$g]]);
+const _sfc_main$V = defineComponent({
+  name: "CirclePlus"
 });
 const _hoisted_1$v = {
   class: "icon",
@@ -2381,17 +2444,27 @@ const _hoisted_1$v = {
 };
 const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M384 192v640l384-320.064z"
+  d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
+}, null, -1);
+const _hoisted_3$l = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M480 672V352a32 32 0 1164 0v320a32 32 0 01-64 0z"
 }, null, -1);
-const _hoisted_3$l = [
-  _hoisted_2$o
+const _hoisted_4$8 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  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$5 = [
+  _hoisted_2$o,
+  _hoisted_3$l,
+  _hoisted_4$8
 ];
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$l);
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_5$5);
 }
-var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["render", _sfc_render$g]]);
-const _sfc_main$T = defineComponent({
-  name: "CaretTop"
+var circlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["render", _sfc_render$f]]);
+const _sfc_main$U = defineComponent({
+  name: "Download"
 });
 const _hoisted_1$u = {
   class: "icon",
@@ -2402,17 +2475,17 @@ const _hoisted_1$u = {
 };
 const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M512 320L192 704h639.936z"
+  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$k = [
   _hoisted_2$n
 ];
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$k);
 }
-var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["render", _sfc_render$f]]);
-const _sfc_main$S = defineComponent({
-  name: "CirclePlusFilled"
+var download = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["render", _sfc_render$e]]);
+const _sfc_main$T = defineComponent({
+  name: "Edit"
 });
 const _hoisted_1$t = {
   class: "icon",
@@ -2423,17 +2496,22 @@ const _hoisted_1$t = {
 };
 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"
+  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);
+const _hoisted_3$j = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  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_3$j = [
-  _hoisted_2$m
+const _hoisted_4$7 = [
+  _hoisted_2$m,
+  _hoisted_3$j
 ];
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$j);
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_4$7);
 }
-var circlePlusFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["render", _sfc_render$e]]);
-const _sfc_main$R = defineComponent({
-  name: "CirclePlus"
+var edit = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["render", _sfc_render$d]]);
+const _sfc_main$S = defineComponent({
+  name: "Filter"
 });
 const _hoisted_1$s = {
   class: "icon",
@@ -2444,27 +2522,17 @@ const _hoisted_1$s = {
 };
 const _hoisted_2$l = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
-}, null, -1);
-const _hoisted_3$i = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M480 672V352a32 32 0 1164 0v320a32 32 0 01-64 0z"
-}, null, -1);
-const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
+  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_5$4 = [
-  _hoisted_2$l,
-  _hoisted_3$i,
-  _hoisted_4$7
+const _hoisted_3$i = [
+  _hoisted_2$l
 ];
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_5$4);
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$i);
 }
-var circlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["render", _sfc_render$d]]);
-const _sfc_main$Q = defineComponent({
-  name: "Download"
+var filter = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["render", _sfc_render$c]]);
+const _sfc_main$R = defineComponent({
+  name: "FullScreen"
 });
 const _hoisted_1$r = {
   class: "icon",
@@ -2475,17 +2543,17 @@ const _hoisted_1$r = {
 };
 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"
+  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$h = [
   _hoisted_2$k
 ];
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$h);
 }
-var download = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$c]]);
-const _sfc_main$P = defineComponent({
-  name: "Edit"
+var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["render", _sfc_render$b]]);
+const _sfc_main$Q = defineComponent({
+  name: "Grid"
 });
 const _hoisted_1$q = {
   class: "icon",
@@ -2496,22 +2564,17 @@ const _hoisted_1$q = {
 };
 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);
-const _hoisted_3$g = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  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"
+  d: "M640 384v256H384V384h256zm64 0h192v256H704V384zm-64 512H384V704h256v192zm64 0V704h192v192H704zm-64-768v192H384V128h256zm64 0h192v192H704V128zM320 384v256H128V384h192zm0 512H128V704h192v192zm0-768v192H128V128h192z"
 }, null, -1);
-const _hoisted_4$6 = [
-  _hoisted_2$j,
-  _hoisted_3$g
+const _hoisted_3$g = [
+  _hoisted_2$j
 ];
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_4$6);
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$g);
 }
-var edit = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$b]]);
-const _sfc_main$O = defineComponent({
-  name: "Filter"
+var grid = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$a]]);
+const _sfc_main$P = defineComponent({
+  name: "Loading"
 });
 const _hoisted_1$p = {
   class: "icon",
@@ -2522,17 +2585,17 @@ const _hoisted_1$p = {
 };
 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"
+  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$f = [
   _hoisted_2$i
 ];
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$f);
 }
-var filter = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["render", _sfc_render$a]]);
-const _sfc_main$N = defineComponent({
-  name: "FullScreen"
+var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$9]]);
+const _sfc_main$O = defineComponent({
+  name: "Menu"
 });
 const _hoisted_1$o = {
   class: "icon",
@@ -2543,17 +2606,17 @@ const _hoisted_1$o = {
 };
 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"
+  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$e = [
   _hoisted_2$h
 ];
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$e);
 }
-var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["render", _sfc_render$9]]);
-const _sfc_main$M = defineComponent({
-  name: "Grid"
+var menu = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["render", _sfc_render$8]]);
+const _sfc_main$N = defineComponent({
+  name: "Plus"
 });
 const _hoisted_1$n = {
   class: "icon",
@@ -2564,17 +2627,17 @@ const _hoisted_1$n = {
 };
 const _hoisted_2$g = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M640 384v256H384V384h256zm64 0h192v256H704V384zm-64 512H384V704h256v192zm64 0V704h192v192H704zm-64-768v192H384V128h256zm64 0h192v192H704V128zM320 384v256H128V384h192zm0 512H128V704h192v192zm0-768v192H128V128h192z"
+  d: "M480 480V128a32 32 0 0164 0v352h352a32 32 0 110 64H544v352a32 32 0 11-64 0V544H128a32 32 0 010-64h352z"
 }, null, -1);
 const _hoisted_3$d = [
   _hoisted_2$g
 ];
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$d);
 }
-var grid = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$8]]);
-const _sfc_main$L = defineComponent({
-  name: "Loading"
+var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["render", _sfc_render$7]]);
+const _sfc_main$M = defineComponent({
+  name: "QuestionFilled"
 });
 const _hoisted_1$m = {
   class: "icon",
@@ -2585,17 +2648,17 @@ const _hoisted_1$m = {
 };
 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"
+  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$c = [
   _hoisted_2$f
 ];
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$c);
 }
-var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["render", _sfc_render$7]]);
-const _sfc_main$K = defineComponent({
-  name: "Menu"
+var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$6]]);
+const _sfc_main$L = defineComponent({
+  name: "RefreshLeft"
 });
 const _hoisted_1$l = {
   class: "icon",
@@ -2606,17 +2669,17 @@ const _hoisted_1$l = {
 };
 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"
+  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$b = [
   _hoisted_2$e
 ];
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$b);
 }
-var menu = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["render", _sfc_render$6]]);
-const _sfc_main$J = defineComponent({
-  name: "QuestionFilled"
+var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["render", _sfc_render$5]]);
+const _sfc_main$K = defineComponent({
+  name: "RemoveFilled"
 });
 const _hoisted_1$k = {
   class: "icon",
@@ -2627,17 +2690,17 @@ const _hoisted_1$k = {
 };
 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"
+  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$a = [
   _hoisted_2$d
 ];
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$a);
 }
-var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["render", _sfc_render$5]]);
-const _sfc_main$I = defineComponent({
-  name: "RefreshLeft"
+var removeFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["render", _sfc_render$4]]);
+const _sfc_main$J = defineComponent({
+  name: "Remove"
 });
 const _hoisted_1$j = {
   class: "icon",
@@ -2648,17 +2711,22 @@ const _hoisted_1$j = {
 };
 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"
+  d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
+}, null, -1);
+const _hoisted_3$9 = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  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_3$9 = [
-  _hoisted_2$c
+const _hoisted_4$6 = [
+  _hoisted_2$c,
+  _hoisted_3$9
 ];
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$9);
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_4$6);
 }
-var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["render", _sfc_render$4]]);
-const _sfc_main$H = defineComponent({
-  name: "RemoveFilled"
+var remove = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["render", _sfc_render$3]]);
+const _sfc_main$I = defineComponent({
+  name: "Select"
 });
 const _hoisted_1$i = {
   class: "icon",
@@ -2669,17 +2737,17 @@ const _hoisted_1$i = {
 };
 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"
+  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$8 = [
   _hoisted_2$b
 ];
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$8);
 }
-var removeFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["render", _sfc_render$3]]);
-const _sfc_main$G = defineComponent({
-  name: "Remove"
+var select = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["render", _sfc_render$2]]);
+const _sfc_main$H = defineComponent({
+  name: "Sort"
 });
 const _hoisted_1$h = {
   class: "icon",
@@ -2690,22 +2758,17 @@ const _hoisted_1$h = {
 };
 const _hoisted_2$a = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
-}, null, -1);
-const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
+  d: "M384 96a32 32 0 0164 0v786.752a32 32 0 01-54.592 22.656L95.936 608a32 32 0 010-45.312h.128a32 32 0 0145.184 0L384 805.632V96zm192 45.248a32 32 0 0154.592-22.592L928.064 416a32 32 0 010 45.312h-.128a32 32 0 01-45.184 0L640 218.496V928a32 32 0 11-64 0V141.248z"
 }, null, -1);
-const _hoisted_4$5 = [
-  _hoisted_2$a,
-  _hoisted_3$7
+const _hoisted_3$7 = [
+  _hoisted_2$a
 ];
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_4$5);
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$7);
 }
-var remove = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["render", _sfc_render$2]]);
-const _sfc_main$F = defineComponent({
-  name: "Select"
+var sort = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["render", _sfc_render$1]]);
+const _sfc_main$G = defineComponent({
+  name: "Tools"
 });
 const _hoisted_1$g = {
   class: "icon",
@@ -2716,41 +2779,20 @@ const _hoisted_1$g = {
 };
 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"
+  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$6 = [
   _hoisted_2$9
 ];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$6);
-}
-var select = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["render", _sfc_render$1]]);
-const _sfc_main$E = defineComponent({
-  name: "Tools"
-});
-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", {
-  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$8
-];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$5);
+  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$6);
 }
-var tools = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["render", _sfc_render]]);
+var tools = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["render", _sfc_render]]);
 const formManagerProvideKey = Symbol("form-manager");
 const registerPropertyProvideKey = Symbol("registerProperty");
 const isOpenAuthButtonProvideKey = Symbol("isOpenAuthButton");
 const authButtonsProvideKey = Symbol("authButtons");
-const _sfc_main$D = {
+const _sfc_main$F = {
   name: "ButtonItemRender",
   props: {
     text: {
@@ -2778,7 +2820,7 @@ var index_vue_vue_type_style_index_0_lang$b = "";
 const __default__$l = {
   name: "ButtonRenderer"
 };
-const _sfc_main$C = defineComponent({
+const _sfc_main$E = defineComponent({
   ...__default__$l,
   props: {
     els: {},
@@ -2920,7 +2962,7 @@ const _sfc_main$C = defineComponent({
                   onClick: withModifiers(($event) => handleButtonClick(index2), ["stop"])
                 }), {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$D, {
+                    createVNode(_sfc_main$F, {
                       context: _ctx.context,
                       "render-fn": button.renderFn,
                       text: button.text
@@ -2944,7 +2986,7 @@ const _sfc_main$C = defineComponent({
               default: withCtx(() => {
                 var _a2;
                 return [
-                  button.renderFn ? (openBlock(), createBlock(_sfc_main$D, {
+                  button.renderFn ? (openBlock(), createBlock(_sfc_main$F, {
                     key: 0,
                     context: _ctx.context,
                     "render-fn": button.renderFn,
@@ -2972,7 +3014,7 @@ const _sfc_main$C = defineComponent({
     };
   }
 });
-var index_vue_vue_type_style_index_0_scoped_true_lang$8 = "";
+var index_vue_vue_type_style_index_0_scoped_true_lang$a = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -2980,12 +3022,12 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$e = { class: "selectable-operate" };
+const _hoisted_1$f = { class: "selectable-operate" };
 const __default__$k = {
   name: "SelectableOpearte",
   inheritAttrs: false
 };
-const _sfc_main$B = defineComponent({
+const _sfc_main$D = defineComponent({
   ...__default__$k,
   props: {
     els: {},
@@ -2999,8 +3041,8 @@ const _sfc_main$B = defineComponent({
       return ((_a = props.tableManager) == null ? void 0 : _a.selection) || [];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createVNode(_sfc_main$C, mergeProps({
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        createVNode(_sfc_main$E, mergeProps({
           els: props.els,
           "execute-data": [executeData.value],
           context: props.manager
@@ -3009,7 +3051,7 @@ const _sfc_main$B = defineComponent({
     };
   }
 });
-var SelectableOperate = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-4e4544c2"]]);
+var SelectableOperate = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-4e4544c2"]]);
 class SearchFormManager extends IManager {
   constructor(form) {
     super();
@@ -3077,7 +3119,7 @@ class SearchFormManager extends IManager {
     this.manager = manager;
   }
 }
-const _sfc_main$A = defineComponent({
+const _sfc_main$C = defineComponent({
   name: "FormItemRenderer",
   props: {
     modelValue: null,
@@ -3296,10 +3338,10 @@ const useMove = (callback) => {
   return { destroy, bind };
 };
 var index_vue_vue_type_style_index_0_lang$a = "";
-const _hoisted_1$d = { class: "el-dialog__title" };
+const _hoisted_1$e = { class: "el-dialog__title" };
 const MIN_WIDTH = 300;
 const MIN_HEIGHT = 160;
-const _sfc_main$z = defineComponent({
+const _sfc_main$B = defineComponent({
   __name: "index",
   props: {
     modelValue: { type: Boolean },
@@ -3368,7 +3410,7 @@ const _sfc_main$z = defineComponent({
         class: `${unref(BEMSpace)} ${props.customClass}`
       }, props.dialogProps || {}, toHandlers(props.dialogEvents || {}), { "onUpdate:modelValue": onUpdateModelValue }), createSlots({
         header: withCtx(() => [
-          createElementVNode("span", _hoisted_1$d, toDisplayString(_ctx.title), 1)
+          createElementVNode("span", _hoisted_1$e, toDisplayString(_ctx.title), 1)
         ]),
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
@@ -3392,7 +3434,7 @@ const _sfc_main$z = defineComponent({
   }
 });
 var index_vue_vue_type_style_index_0_lang$9 = "";
-const _sfc_main$y = defineComponent({
+const _sfc_main$A = defineComponent({
   __name: "index",
   emits: ["filter"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -3427,7 +3469,7 @@ const _sfc_main$y = defineComponent({
       const _component_el_form_item = resolveComponent("el-form-item");
       const _component_el_form = resolveComponent("el-form");
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$B, {
         modelValue: isShow.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isShow.value = $event),
         title: "\u7B5B\u9009\u6761\u4EF6",
@@ -3473,7 +3515,7 @@ const _sfc_main$y = defineComponent({
                   prop: item.prop
                 }), {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$A, {
+                    createVNode(_sfc_main$C, {
                       modelValue: formData.value[item.prop],
                       "onUpdate:modelValue": ($event) => formData.value[item.prop] = $event,
                       renderFn: item.renderFn,
@@ -4142,7 +4184,7 @@ var index_vue_vue_type_style_index_0_lang$8 = "";
 const __default__$j = {
   name: "PageModelSearchForm"
 };
-const _sfc_main$x = defineComponent({
+const _sfc_main$z = defineComponent({
   ...__default__$j,
   props: {
     form: {},
@@ -4296,7 +4338,7 @@ const _sfc_main$x = defineComponent({
                   style: { width: ((_a = item.style) == null ? void 0 : _a.width) || unref(searchFormItemWidth) }
                 }), {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$A, {
+                    createVNode(_sfc_main$C, {
                       modelValue: searchFormManager.formData[item.prop],
                       "onUpdate:modelValue": ($event) => searchFormManager.formData[item.prop] = $event,
                       renderFn: item.renderFn,
@@ -4379,7 +4421,7 @@ const _sfc_main$x = defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 2),
-        searchFormManager.expandMode === "dialog" && showFormEls.value.length && unref(showMoreButton) ? (openBlock(), createBlock(_sfc_main$y, {
+        searchFormManager.expandMode === "dialog" && showFormEls.value.length && unref(showMoreButton) ? (openBlock(), createBlock(_sfc_main$A, {
           key: 0,
           ref_key: "SearchFormFullRef",
           ref: SearchFormFullRef,
@@ -4460,10 +4502,14 @@ class ConfigSaver {
     }
   }
 }
-const SAVE_NAME$4 = "table-column-filters";
+const SAVE_NAME$5 = "table-column-filters";
+const configSaver$3 = new ConfigSaver(SAVE_NAME$5);
+const saveColumnFilters = configSaver$3.saveContentItem.bind(configSaver$3);
+const getColumnFilters = configSaver$3.getContentItem.bind(configSaver$3);
+const SAVE_NAME$4 = "table-column-sort";
 const configSaver$2 = new ConfigSaver(SAVE_NAME$4);
-const saveColumnFilters = configSaver$2.saveContentItem.bind(configSaver$2);
-const getColumnFilters = configSaver$2.getContentItem.bind(configSaver$2);
+const saveColumnSort = configSaver$2.saveContentItem.bind(configSaver$2);
+const getColumnSort = configSaver$2.getContentItem.bind(configSaver$2);
 const DEFAULT_PAGINATION_CONFIG = {
   show: true,
   pageSizes: [10, 15, 20, 30, 40, 50, 70, 100, 150, 200, 500, 1e3, 2e3, 5e3],
@@ -4502,8 +4548,10 @@ class TableManager extends IManager {
     __publicField(this, "sortOrders", ["ascending", "descending", null]);
     __publicField(this, "sortParams", {});
     __publicField(this, "isInitColumnParams", false);
+    __publicField(this, "isInitColumnSortParams", false);
     __publicField(this, "randomRowKey", null);
     __publicField(this, "columnParamsList", []);
+    __publicField(this, "columnSortParamsList", []);
     __publicField(this, "totalEls", []);
     __publicField(this, "focusCellKey");
     __publicField(this, "focusEl");
@@ -4529,6 +4577,17 @@ class TableManager extends IManager {
     this.columnParamsList = params || [];
     this.isInitColumnParams = true;
   }
+  initColumnSortParams() {
+    if (!this.table.saveSort) {
+      return false;
+    }
+    if (this.isInitColumnSortParams) {
+      return false;
+    }
+    const params = getColumnSort(this.table.els);
+    this.columnSortParamsList = params || [];
+    this.isInitColumnSortParams = true;
+  }
   get table() {
     var _a;
     return ((_a = this.config) == null ? void 0 : _a.table) || this.propsConfig || {
@@ -4559,7 +4618,8 @@ class TableManager extends IManager {
       pageIndex: this.currentPage,
       pageSize: this.pageSizeUserSet || this.pageSize,
       ...this.sortParams,
-      ...this.getColumnParams()
+      ...this.getColumnParams(),
+      ...this.getColumnSortParams()
     };
   }
   get columnParamsKey() {
@@ -4575,7 +4635,10 @@ class TableManager extends IManager {
   }
   getColumnParams() {
     if (typeof this.table.columnParamsProcessFn === "function") {
-      const processResult = this.table.columnParamsProcessFn.call(this, this.columnParamsList);
+      const processResult = this.table.columnParamsProcessFn.call(
+        this,
+        this.columnParamsList
+      );
       if (typeof processResult === "object") {
         return processResult;
       } else {
@@ -4589,18 +4652,42 @@ class TableManager extends IManager {
       return {};
     }
   }
-  refreshPage() {
-    this.manager.doGetDataRequest();
-  }
-  onConfigUpdated() {
-    this.updateByConfig();
+  get isColumnSort() {
+    var _a;
+    return (_a = this.table.toolbox) == null ? void 0 : _a.includes("sort");
   }
-  updateByConfig() {
+  getColumnSortParams() {
+    if (typeof this.table.columnSortParamsProcessFn === "function") {
+      const processResult = this.table.columnSortParamsProcessFn.call(
+        this,
+        this.columnSortParamsList
+      );
+      if (typeof processResult === "object") {
+        return processResult;
+      } else {
+        console.warn("\u5217\u6392\u5E8F\u5904\u7406\u51FD\u6570\u8FD4\u56DE\u503C\u9700\u8981\u662F\u4E00\u4E2A\u5BF9\u8C61");
+        return {};
+      }
+    } else {
+      if (this.isColumnSort) {
+        console.warn("\u8BF7\u5728\u8868\u683C\u914D\u7F6E\u4E2D\u914D\u7F6EcolumnSortParamsProcessFn\u51FD\u6570");
+      }
+      return {};
+    }
+  }
+  refreshPage() {
+    this.manager.doGetDataRequest();
+  }
+  onConfigUpdated() {
+    this.updateByConfig();
+  }
+  updateByConfig() {
     this.updateTotalEls();
     this.updatePagination();
     this.updateProps();
     this.updateEvents();
     this.initColumnParams();
+    this.initColumnSortParams();
   }
   updateTotalEls() {
     const els = this.table.els;
@@ -4742,14 +4829,14 @@ class TableManager extends IManager {
   patchTableSortable() {
     const _this = this;
     const _sortChange = this.tableEvents["sortChange"];
-    this.tableEvents["sortChange"] = function(sort) {
-      _sortChange == null ? void 0 : _sortChange.call(this, sort);
-      const index2 = _this.sortOrders.findIndex((val) => val === sort.order);
+    this.tableEvents["sortChange"] = function(sort2) {
+      _sortChange == null ? void 0 : _sortChange.call(this, sort2);
+      const index2 = _this.sortOrders.findIndex((val) => val === sort2.order);
       if (index2 !== -1) {
         const elItems = _this.context.JZUtils.findDataFromTree(
           _this.table.els,
           "prop",
-          sort.prop
+          sort2.prop
         );
         if (elItems.length) {
           const sortValues = elItems.slice(-1)[0].sortValues;
@@ -5160,6 +5247,13 @@ class TableManager extends IManager {
   }
   updateCurrentRenderTableEls(els) {
     this.currentRenderTableEls = els;
+    this.onCurrentRenderTableElsChange();
+  }
+  onCurrentRenderTableElsChange() {
+    const propList = this.currentRenderTableEls.map((a) => a.prop).filter((a) => a);
+    this.columnParamsList = this.columnParamsList.filter((a) => {
+      return propList.includes(a.prop);
+    });
   }
   get hiddeenFieldCount() {
     return this.table.els.length - this.currentRenderTableEls.length;
@@ -5201,7 +5295,7 @@ class TableManager extends IManager {
     this.removeCellOutClickEvent();
   }
 }
-const _sfc_main$w = defineComponent({
+const _sfc_main$y = defineComponent({
   name: "TableCellRenderer",
   props: {
     renderFn: {
@@ -5239,14 +5333,15 @@ const _sfc_main$w = defineComponent({
     };
   }
 });
-var index_vue_vue_type_style_index_0_scoped_true_lang$7 = "";
+var index_vue_vue_type_style_index_0_scoped_true_lang$9 = "";
 const __default__$i = {
   name: "SimplePopover"
 };
-const _sfc_main$v = defineComponent({
+const _sfc_main$x = defineComponent({
   ...__default__$i,
   props: {
-    width: { default: 200 }
+    width: { default: 200 },
+    placement: { default: "right" }
   },
   setup(__props, { expose: __expose }) {
     const { BEMSpace } = createBEMSpace("simple-popover");
@@ -5281,7 +5376,12 @@ const _sfc_main$v = defineComponent({
       if (top == null) {
         return {};
       }
-      let _left = left - props.width + width - 2;
+      let _left = 0;
+      if (props.placement === "left") {
+        _left = left - props.width + width - 2;
+      } else {
+        _left = left;
+      }
       _left = Math.max(_left, 10);
       return {
         top: top + height + 4 + "px",
@@ -5301,8 +5401,9 @@ const _sfc_main$v = defineComponent({
       }
     };
     const isPopperChildElement = (element) => {
+      var _a;
       let _element = element;
-      while (_element && !_element.className.includes("el-popper")) {
+      while (_element && !((_a = _element.className) == null ? void 0 : _a.includes("el-popper"))) {
         _element = _element.parentElement;
       }
       if (_element) {
@@ -5366,7 +5467,7 @@ const _sfc_main$v = defineComponent({
     };
   }
 });
-var SimplePopover = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-7a8bb01c"]]);
+var SimplePopover = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-0f4140d8"]]);
 var FilterItemTypeEnum$1 = /* @__PURE__ */ ((FilterItemTypeEnum2) => {
   FilterItemTypeEnum2["\u6587\u5B57"] = "string";
   FilterItemTypeEnum2["\u6570\u5B57"] = "number";
@@ -5376,6 +5477,19 @@ var FilterItemTypeEnum$1 = /* @__PURE__ */ ((FilterItemTypeEnum2) => {
   FilterItemTypeEnum2["\u5355\u9009\u503C"] = "select";
   return FilterItemTypeEnum2;
 })(FilterItemTypeEnum$1 || {});
+var FilterMatchModeEnum$1 = /* @__PURE__ */ ((FilterMatchModeEnum2) => {
+  FilterMatchModeEnum2["\u5305\u542B"] = "contain";
+  FilterMatchModeEnum2["\u4E0D\u5305\u542B"] = "notContain";
+  FilterMatchModeEnum2["\u5F00\u59CB\u4E8E"] = "StartsWith";
+  FilterMatchModeEnum2["\u7ED3\u675F\u4E8E"] = "EndsWith";
+  FilterMatchModeEnum2["\u7B49\u4E8E"] = "eq";
+  FilterMatchModeEnum2["\u4E0D\u7B49\u4E8E"] = "neq";
+  FilterMatchModeEnum2["\u5927\u4E8E"] = "gt";
+  FilterMatchModeEnum2["\u5C0F\u4E8E"] = "lt";
+  FilterMatchModeEnum2["\u5927\u4E8E\u7B49\u4E8E"] = "ge";
+  FilterMatchModeEnum2["\u5C0F\u4E8E\u7B49\u4E8E"] = "le";
+  return FilterMatchModeEnum2;
+})(FilterMatchModeEnum$1 || {});
 const compareOptions$1 = {
   ["string"]: [
     {
@@ -5456,9 +5570,9 @@ const compareOptions$1 = {
     }
   ]
 };
-var index_vue_vue_type_style_index_0_scoped_true_lang$6 = "";
-const _hoisted_1$c = { key: 1 };
-const _sfc_main$u = defineComponent({
+var index_vue_vue_type_style_index_0_scoped_true_lang$8 = "";
+const _hoisted_1$d = { key: 1 };
+const _sfc_main$w = defineComponent({
   __name: "index",
   props: {
     tableManager: {}
@@ -5473,6 +5587,27 @@ const _sfc_main$u = defineComponent({
     const filterMultiple = ref(false);
     const hasCompare = ref(false);
     const filterList = ref([]);
+    const multSelectDatas = computed(() => {
+      const listFilter = filterList.value.filter(
+        (a) => a.filterType === FilterItemTypeEnum$1.\u591A\u9009\u503C
+      );
+      return listFilter.reduce((memo, item) => {
+        var _a;
+        const selectedValue = item.value || [];
+        const allSelected = selectedValue.length === ((_a = item.filterOptions) == null ? void 0 : _a.length);
+        memo[item.prop] = {
+          modelValue: allSelected,
+          indeterminate: !allSelected && selectedValue.length > 0
+        };
+        return memo;
+      }, {});
+    });
+    const handleMultSelectChange = (prop, value) => {
+      const multItem = filterList.value.find((a) => a.prop === prop);
+      const filterOptions = multItem.filterOptions || [];
+      const newValue = value ? filterOptions.map((a) => a.value) : [];
+      multItem.value = newValue;
+    };
     const getAddFilterItem = () => {
       const formData = {
         prop: currentColumn.value.prop,
@@ -5777,6 +5912,14 @@ const _sfc_main$u = defineComponent({
                 createElementVNode("div", {
                   class: normalizeClass(unref(createBEMName)("input"))
                 }, [
+                  createVNode(_component_el_checkbox, mergeProps({ ref_for: true }, multSelectDatas.value[item.prop], {
+                    onChange: ($event) => handleMultSelectChange(item.prop, $event)
+                  }), {
+                    default: withCtx(() => [
+                      createTextVNode("\u5168\u9009")
+                    ]),
+                    _: 2
+                  }, 1040, ["onChange"]),
                   createVNode(_component_el_checkbox_group, {
                     modelValue: item.value,
                     "onUpdate:modelValue": ($event) => item.value = $event
@@ -5815,7 +5958,7 @@ const _sfc_main$u = defineComponent({
                 createTextVNode("\u6DFB\u52A0\u7B5B\u9009\u6761\u4EF6")
               ]),
               _: 1
-            }, 8, ["icon"])) : (openBlock(), createElementBlock("div", _hoisted_1$c)),
+            }, 8, ["icon"])) : (openBlock(), createElementBlock("div", _hoisted_1$d)),
             createElementVNode("div", null, [
               createVNode(_component_el_button, { onClick: handleClear }, {
                 default: withCtx(() => [
@@ -5839,34 +5982,34 @@ const _sfc_main$u = defineComponent({
     };
   }
 });
-var FilterZone$1 = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-1bc1589a"]]);
+var FilterZone$1 = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-41c68f2e"]]);
 var index_vue_vue_type_style_index_0_lang$7 = "";
-const _hoisted_1$b = ["data-key", "title"];
-const _hoisted_2$7 = {
+const _hoisted_1$c = ["data-key", "title"];
+const _hoisted_2$8 = {
   key: 0,
   style: { "color": "red" }
 };
-const _hoisted_3$4 = ["onClick"];
-const _hoisted_4$4 = ["data-index", "editable", "cell-key"];
-const _hoisted_5$3 = {
+const _hoisted_3$5 = ["onClick"];
+const _hoisted_4$5 = ["data-index", "editable", "cell-key"];
+const _hoisted_5$4 = {
   key: 0,
   class: "el-table-cell_editable"
 };
-const _hoisted_6$2 = { class: "el-table-cell_editable-inputer" };
-const _hoisted_7$2 = {
+const _hoisted_6$3 = { class: "el-table-cell_editable-inputer" };
+const _hoisted_7$3 = {
   key: 0,
   class: "el-table-cell_loading"
 };
-const _hoisted_8 = {
+const _hoisted_8$1 = {
   key: 1,
   class: "empty-edit"
 };
-const _hoisted_9 = { key: 0 };
+const _hoisted_9$1 = { key: 0 };
 const _hoisted_10 = ["onClick"];
 const __default__$h = {
   name: "TableColumn"
 };
-const _sfc_main$t = defineComponent({
+const _sfc_main$v = defineComponent({
   ...__default__$h,
   props: {
     els: {},
@@ -5996,7 +6139,7 @@ const _sfc_main$t = defineComponent({
                 "data-key": column._key,
                 title: $header.column.label
               }, [
-                column.required ? (openBlock(), createElementBlock("span", _hoisted_2$7, "*")) : createCommentVNode("", true),
+                column.required ? (openBlock(), createElementBlock("span", _hoisted_2$8, "*")) : createCommentVNode("", true),
                 column.helpText || column.icon ? (openBlock(), createBlock(_component_el_icon, {
                   key: 1,
                   title: column.helpText
@@ -6025,8 +6168,8 @@ const _sfc_main$t = defineComponent({
                     ]),
                     _: 1
                   })
-                ], 14, _hoisted_3$4)) : createCommentVNode("", true)
-              ], 10, _hoisted_1$b)
+                ], 14, _hoisted_3$5)) : createCommentVNode("", true)
+              ], 10, _hoisted_1$c)
             ]),
             default: withCtx(({ row, $index, column: columnEl }) => [
               column.children ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -6050,10 +6193,10 @@ const _sfc_main$t = defineComponent({
                     columnEl.columnKey,
                     row[tableManager.value.rowKey]
                   )
-                ) ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+                ) ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
                   column.editData ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    createElementVNode("div", _hoisted_6$2, [
-                      createVNode(_sfc_main$A, {
+                    createElementVNode("div", _hoisted_6$3, [
+                      createVNode(_sfc_main$C, {
                         modelValue: row[column.editData.prop || column.prop],
                         renderFn: column.editData.renderFn,
                         context: props.context,
@@ -6079,7 +6222,7 @@ const _sfc_main$t = defineComponent({
                         columnEl.columnKey,
                         row[tableManager.value.rowKey]
                       ) + "-loading"
-                    ) ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+                    ) ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
                       createVNode(_component_el_icon, { class: "is-loading" }, {
                         default: withCtx(() => [
                           createVNode(unref(loading))
@@ -6087,9 +6230,9 @@ const _sfc_main$t = defineComponent({
                         _: 1
                       })
                     ])) : createCommentVNode("", true)
-                  ], 64)) : (openBlock(), createElementBlock("div", _hoisted_8, "\u8BE5\u5217\u672A\u8BBE\u7F6E\u7F16\u8F91\u7EC4\u4EF6"))
+                  ], 64)) : (openBlock(), createElementBlock("div", _hoisted_8$1, "\u8BE5\u5217\u672A\u8BBE\u7F6E\u7F16\u8F91\u7EC4\u4EF6"))
                 ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  column.renderFn && $index !== -1 ? (openBlock(), createBlock(_sfc_main$w, {
+                  column.renderFn && $index !== -1 ? (openBlock(), createBlock(_sfc_main$y, {
                     key: 0,
                     "render-fn": column.renderFn,
                     context: props.context,
@@ -6097,7 +6240,7 @@ const _sfc_main$t = defineComponent({
                     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)
+                    column.prop ? (openBlock(), createElementBlock("span", _hoisted_9$1, toDisplayString(row[column.prop]), 1)) : createCommentVNode("", true)
                   ], 64)),
                   column.editData ? (openBlock(), createElementBlock("span", {
                     key: 2,
@@ -6112,7 +6255,7 @@ const _sfc_main$t = defineComponent({
                     })
                   ], 8, _hoisted_10)) : createCommentVNode("", true)
                 ], 64))
-              ], 10, _hoisted_4$4))
+              ], 10, _hoisted_4$5))
             ]),
             _: 2
           }, 1040, ["label", "prop", "width", "min-width", "fixed", "column-key"]);
@@ -7093,7 +7236,7 @@ var Sortable = Sortable_min.exports;
 const __default__$g = {
   name: "DraggableList"
 };
-const _sfc_main$s = defineComponent({
+const _sfc_main$u = defineComponent({
   ...__default__$g,
   props: {
     modelValue: {},
@@ -7194,7 +7337,7 @@ var setting_vue_vue_type_style_index_1_lang$2 = "";
 const __default__$f = {
   name: "SaveColumnSetting"
 };
-const _sfc_main$r = defineComponent({
+const _sfc_main$t = defineComponent({
   ...__default__$f,
   props: {
     onlyShow: { type: Boolean, default: false }
@@ -7270,7 +7413,7 @@ const _sfc_main$r = defineComponent({
       const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_input_number = resolveComponent("el-input-number");
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$B, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
         title: "\u7F16\u8F91\u8868\u683C",
@@ -7319,7 +7462,7 @@ const _sfc_main$r = defineComponent({
           createElementVNode("div", {
             class: normalizeClass(unref(createBEMName)("column-table-wrap"))
           }, [
-            createVNode(_sfc_main$s, {
+            createVNode(_sfc_main$u, {
               modelValue: innerEls.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
               "item-key": "_key"
@@ -7514,7 +7657,7 @@ var userConfig_vue_vue_type_style_index_1_lang = "";
 const __default__$e = {
   name: "SaveUserConfig"
 };
-const _sfc_main$q = defineComponent({
+const _sfc_main$s = defineComponent({
   ...__default__$e,
   emits: ["submit", "closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -7578,7 +7721,7 @@ const _sfc_main$q = defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$B, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
         title: "\u7F16\u8F91\u79C1\u4EBA\u914D\u7F6E",
@@ -7644,16 +7787,16 @@ const useUserConfig = () => {
 };
 var index_vue_vue_type_style_index_0_lang$6 = "";
 var index_vue_vue_type_style_index_1_scoped_true_lang$1 = "";
-const _withScopeId$2 = (n) => (pushScopeId("data-v-7bf8eedc"), n = n(), popScopeId(), n);
-const _hoisted_1$a = { title: "\u5168\u9009/\u53D6\u6D88" };
-const _hoisted_2$6 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("i", {
+const _withScopeId$3 = (n) => (pushScopeId("data-v-7bf8eedc"), n = n(), popScopeId(), n);
+const _hoisted_1$b = { title: "\u5168\u9009/\u53D6\u6D88" };
+const _hoisted_2$7 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("i", {
   class: "pm-icon icon-drag-dot",
   title: "\u62D6\u52A8\u8C03\u6574\u663E\u793A\u987A\u5E8F"
 }, null, -1));
-const _hoisted_3$3 = ["title"];
-const _hoisted_4$3 = ["title", "onClick"];
-const _hoisted_5$2 = ["title", "onClick"];
-const _sfc_main$p = defineComponent({
+const _hoisted_3$4 = ["title"];
+const _hoisted_4$4 = ["title", "onClick"];
+const _hoisted_5$3 = ["title", "onClick"];
+const _sfc_main$r = defineComponent({
   __name: "index",
   props: {
     els: {}
@@ -7747,7 +7890,7 @@ const _sfc_main$p = defineComponent({
         createElementVNode("div", {
           class: normalizeClass(unref(createBEMName)("header"))
         }, [
-          createElementVNode("span", _hoisted_1$a, [
+          createElementVNode("span", _hoisted_1$b, [
             createVNode(_component_el_checkbox, {
               label: "\u5168\u90E8",
               modelValue: isAllShow.value,
@@ -7785,7 +7928,7 @@ const _sfc_main$p = defineComponent({
         createElementVNode("div", {
           class: normalizeClass(unref(createBEMName)("list"))
         }, [
-          createVNode(_sfc_main$s, {
+          createVNode(_sfc_main$u, {
             modelValue: innerEls.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => innerEls.value = $event),
             class: normalizeClass(unref(BEMSpace))
@@ -7800,11 +7943,11 @@ const _sfc_main$p = defineComponent({
                   "onUpdate:modelValue": ($event) => element.userConfigShow = $event,
                   class: normalizeClass(unref(createBEMName)("checkbox"))
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "class"]),
-                _hoisted_2$6,
+                _hoisted_2$7,
                 createElementVNode("span", {
                   title: element.label,
                   class: normalizeClass(unref(createBEMName)("item-label"))
-                }, toDisplayString(element.label), 11, _hoisted_3$3),
+                }, toDisplayString(element.label), 11, _hoisted_3$4),
                 createElementVNode("i", {
                   title: element.fixed === "left" ? "\u53D6\u6D88\u51BB\u7ED3\u5217" : "\u51BB\u7ED3\u5728\u5DE6\u4FA7",
                   class: normalizeClass([
@@ -7812,7 +7955,7 @@ const _sfc_main$p = defineComponent({
                     element.fixed === "left" ? "icon-draw_affix_fill-copy primary" : "icon-draw_affix-copy"
                   ]),
                   onClick: ($event) => handleToggleElementFixedLeft(element)
-                }, null, 10, _hoisted_4$3),
+                }, null, 10, _hoisted_4$4),
                 createElementVNode("i", {
                   title: element.fixed === "right" ? "\u53D6\u6D88\u51BB\u7ED3\u5217" : "\u51BB\u7ED3\u5728\u53F3\u4FA7",
                   class: normalizeClass([
@@ -7820,7 +7963,7 @@ const _sfc_main$p = defineComponent({
                     element.fixed === "right" ? "icon-draw_affix_fill primary" : "icon-draw_affix"
                   ]),
                   onClick: ($event) => handleToggleElementFixedRight(element)
-                }, null, 10, _hoisted_5$2)
+                }, null, 10, _hoisted_5$3)
               ], 2)
             ]),
             _: 1
@@ -7851,14 +7994,14 @@ const _sfc_main$p = defineComponent({
             _: 1
           })
         ], 2),
-        unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$r, {
+        unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$t, {
           key: 0,
           ref_key: "columnToolsSettingRef",
           ref: columnToolsSettingRef,
           onSubmit: onSubmitColumns,
           onClosed: unref(onColumnToolsSettingClosed)
         }, null, 8, ["onClosed"])) : createCommentVNode("", true),
-        unref(isRenderUserConfig) ? (openBlock(), createBlock(_sfc_main$q, {
+        unref(isRenderUserConfig) ? (openBlock(), createBlock(_sfc_main$s, {
           key: 1,
           ref_key: "userConfigRef",
           ref: userConfigRef,
@@ -7869,17 +8012,17 @@ const _sfc_main$p = defineComponent({
     };
   }
 });
-var ColumnTools$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-7bf8eedc"]]);
-var index_vue_vue_type_style_index_0_scoped_true_lang$5 = "";
-const _withScopeId$1 = (n) => (pushScopeId("data-v-15dbe923"), n = n(), popScopeId(), n);
-const _hoisted_1$9 = { key: 0 };
-const _hoisted_2$5 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "export-wrod" }, "\u4ECE\u7B2C", -1));
-const _hoisted_3$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "export-wrod" }, "\u9875\u5F00\u59CB\u5BFC\u51FA\uFF0C\u6BCF\u9875", -1));
-const _hoisted_4$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "export-wrod" }, "\u6761\u6570\u636E", -1));
-const _hoisted_5$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
-const _hoisted_6$1 = { class: "export-columns" };
-const _hoisted_7$1 = { class: "bottom-box" };
-const _sfc_main$o = defineComponent({
+var ColumnTools$1 = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-7bf8eedc"]]);
+var index_vue_vue_type_style_index_0_scoped_true_lang$7 = "";
+const _withScopeId$2 = (n) => (pushScopeId("data-v-15dbe923"), n = n(), popScopeId(), n);
+const _hoisted_1$a = { key: 0 };
+const _hoisted_2$6 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", { class: "export-wrod" }, "\u4ECE\u7B2C", -1));
+const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", { class: "export-wrod" }, "\u9875\u5F00\u59CB\u5BFC\u51FA\uFF0C\u6BCF\u9875", -1));
+const _hoisted_4$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", { class: "export-wrod" }, "\u6761\u6570\u636E", -1));
+const _hoisted_5$2 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
+const _hoisted_6$2 = { class: "export-columns" };
+const _hoisted_7$2 = { class: "bottom-box" };
+const _sfc_main$q = defineComponent({
   __name: "index",
   emits: ["closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -8032,7 +8175,7 @@ const _sfc_main$o = defineComponent({
       const _component_el_empty = resolveComponent("el-empty");
       const _component_el_button = resolveComponent("el-button");
       const _directive_loading = resolveDirective("loading");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$B, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => visible.value = $event),
         title: "\u5BFC\u51FA\u8868\u683C\u6570\u636E",
@@ -8043,7 +8186,7 @@ const _sfc_main$o = defineComponent({
         }
       }, {
         bottom: withCtx(() => [
-          createElementVNode("div", _hoisted_7$1, [
+          createElementVNode("div", _hoisted_7$2, [
             createVNode(_component_el_button, {
               disabled: libLoading.value || libLoadFail.value,
               type: "info",
@@ -8117,23 +8260,23 @@ const _sfc_main$o = defineComponent({
                     ]),
                     _: 1
                   }, 8, ["modelValue"]),
-                  formData.fromApi ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
-                    _hoisted_2$5,
+                  formData.fromApi ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+                    _hoisted_2$6,
                     createVNode(_component_el_input_number, {
                       modelValue: formData.pageIndex,
                       "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formData.pageIndex = $event),
                       min: 1,
                       size: "small"
                     }, null, 8, ["modelValue"]),
-                    _hoisted_3$2,
+                    _hoisted_3$3,
                     createVNode(_component_el_input_number, {
                       modelValue: formData.pageSize,
                       "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => formData.pageSize = $event),
                       min: 1,
                       size: "small"
                     }, null, 8, ["modelValue"]),
-                    _hoisted_4$2,
-                    _hoisted_5$1
+                    _hoisted_4$3,
+                    _hoisted_5$2
                   ])) : createCommentVNode("", true)
                 ]),
                 _: 1
@@ -8172,7 +8315,7 @@ const _sfc_main$o = defineComponent({
               })) : createCommentVNode("", true),
               createVNode(_component_el_form_item, { label: "\u5BFC\u51FA\u5B57\u6BB5" }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_6$1, [
+                  createElementVNode("div", _hoisted_6$2, [
                     createVNode(_component_el_scrollbar, { height: "100%" }, {
                       default: withCtx(() => [
                         createVNode(_component_el_tree, {
@@ -8206,35 +8349,35 @@ const _sfc_main$o = defineComponent({
     };
   }
 });
-var ExportForm = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-15dbe923"]]);
+var ExportForm = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__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);
 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 _hoisted_1$9 = { class: "el-table__empty-data" };
 const __default__$d = {
   name: "EmptyData"
 };
-const _sfc_main$n = defineComponent({
+const _sfc_main$p = defineComponent({
   ...__default__$d,
   props: {
     text: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createElementVNode("span", null, toDisplayString(_ctx.text || "\u6682\u65E0\u6570\u636E"), 1)
       ]);
     };
   }
 });
-var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
+var index_vue_vue_type_style_index_0_scoped_true_lang$6 = "";
 const __default__$c = {
   name: "SelectionsTable"
 };
-const _sfc_main$m = defineComponent({
+const _sfc_main$o = defineComponent({
   ...__default__$c,
   emits: ["closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -8301,7 +8444,7 @@ const _sfc_main$m = defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$B, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
         title: "\u5DF2\u9009\u6570\u636E",
@@ -8350,7 +8493,7 @@ const _sfc_main$m = defineComponent({
     };
   }
 });
-var SelectionsTable = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-3b4b4ed8"]]);
+var SelectionsTable = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-3b4b4ed8"]]);
 const useSelectionsTable = () => {
   const selectionsTableRef = ref();
   const isRenderSelectionsTable = ref(false);
@@ -8512,7 +8655,7 @@ const useExportForm = () => {
     onExportFormClosed: onClosed
   };
 };
-const _sfc_main$l = {
+const _sfc_main$n = {
   props: {
     isLoading: {
       type: Boolean,
@@ -8578,13 +8721,13 @@ const __default__$b = {
   name: "PageModelTable",
   inheritAttrs: false
 };
-const _sfc_main$k = defineComponent({
+const _sfc_main$m = defineComponent({
   ...__default__$b,
   props: {
     table: {},
     manager: {}
   },
-  emits: ["column-screen"],
+  emits: ["column-screen", "column-sort"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const { createBEMName } = createBEMSpace("page-model-table");
     const props = __props;
@@ -8710,11 +8853,11 @@ const _sfc_main$k = defineComponent({
       (_a = tableRef.value) == null ? void 0 : _a.doLayout();
     };
     const simplePopoverRef = ref();
-    const showSimplePopover = (element) => {
+    const showColumnToolSimplePopover = (element) => {
       var _a;
       (_a = simplePopoverRef.value) == null ? void 0 : _a.show(element);
     };
-    const hideSimplePopover = () => {
+    const hideColumnToolSimplePopover = () => {
       var _a;
       (_a = simplePopoverRef.value) == null ? void 0 : _a.hide();
     };
@@ -8765,6 +8908,12 @@ const _sfc_main$k = defineComponent({
         saveColumnFilters(tableManager.table.els, tableManager.columnParamsList);
       }
     };
+    const handleColumnSort = () => {
+      emit("column-sort");
+      if (tableManager.table.saveSort) {
+        saveColumnSort(tableManager.table.els, tableManager.columnSortParamsList);
+      }
+    };
     onUnmounted(() => {
       tableManager.onUnmounted();
       scrollLifecycle.onUnmounted();
@@ -8777,8 +8926,10 @@ const _sfc_main$k = defineComponent({
       showExport,
       clearSelection,
       getRenderedEls,
-      showSimplePopover,
-      hideSimplePopover
+      showColumnToolSimplePopover,
+      hideColumnToolSimplePopover,
+      handleColumnScreen,
+      handleColumnSort
     });
     return (_ctx, _cache) => {
       const _component_el_radio = resolveComponent("el-radio");
@@ -8789,7 +8940,7 @@ const _sfc_main$k = defineComponent({
       const _component_el_popconfirm = resolveComponent("el-popconfirm");
       const _component_el_pagination = resolveComponent("el-pagination");
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$l, {
+        createVNode(_sfc_main$n, {
           class: normalizeClass([unref(createBEMName)("table")]),
           isLoading: tableManager.loadingData,
           directiveName: table.value.loadingDirectiveName
@@ -8813,7 +8964,7 @@ const _sfc_main$k = defineComponent({
                     unref(PageModelManager).emptyTableComponent ? (openBlock(), createBlock(resolveDynamicComponent(unref(PageModelManager).emptyTableComponent), {
                       key: 0,
                       text: (_a = tableManager == null ? void 0 : tableManager.tableProps) == null ? void 0 : _a.emptyText
-                    }, null, 8, ["text"])) : (openBlock(), createBlock(_sfc_main$n, {
+                    }, null, 8, ["text"])) : (openBlock(), createBlock(_sfc_main$p, {
                       key: 1,
                       text: (_b = tableManager == null ? void 0 : tableManager.tableProps) == null ? void 0 : _b.emptyText
                     }, null, 8, ["text"]))
@@ -8874,7 +9025,7 @@ const _sfc_main$k = defineComponent({
                         width: table.value.operate.width
                       }, table.value.operate.props), {
                         default: withCtx(({ row, $index }) => [
-                          createVNode(_sfc_main$C, mergeProps({
+                          createVNode(_sfc_main$E, mergeProps({
                             els: table.value.operate.els,
                             context: tableManager,
                             executeData: [row, $index]
@@ -8883,7 +9034,7 @@ const _sfc_main$k = defineComponent({
                         _: 1
                       }, 16, ["width"])) : createCommentVNode("", true)
                     ], 64)) : createCommentVNode("", true),
-                    createVNode(_sfc_main$t, {
+                    createVNode(_sfc_main$v, {
                       els: renderedTableEls.value,
                       context: tableManager,
                       onColumnScreen: handleColumnScreen
@@ -8895,7 +9046,7 @@ const _sfc_main$k = defineComponent({
                         width: table.value.operate.width
                       }, table.value.operate.props), {
                         default: withCtx(({ row, $index }) => [
-                          createVNode(_sfc_main$C, mergeProps({
+                          createVNode(_sfc_main$E, mergeProps({
                             els: table.value.operate.els,
                             context: tableManager,
                             executeData: [row, $index]
@@ -8913,7 +9064,7 @@ const _sfc_main$k = defineComponent({
                         createVNode(_component_el_icon, {
                           size: "16px",
                           class: normalizeClass(unref(createBEMName)("tools")),
-                          onClick: _cache[0] || (_cache[0] = ($event) => showSimplePopover($event.currentTarget))
+                          onClick: _cache[0] || (_cache[0] = ($event) => showColumnToolSimplePopover($event.currentTarget))
                         }, {
                           default: withCtx(() => [
                             createVNode(unref(tools))
@@ -9158,13 +9309,13 @@ class FormManager extends IManager {
     this.destroyReflect();
   }
 }
-var index_vue_vue_type_style_index_0_scoped_true_lang$3 = "";
-const _hoisted_1$7 = ["onClick"];
-const _hoisted_2$4 = { class: "section-item__title-text" };
+var index_vue_vue_type_style_index_0_scoped_true_lang$5 = "";
+const _hoisted_1$8 = ["onClick"];
+const _hoisted_2$5 = { class: "section-item__title-text" };
 const __default__$a = {
   name: "SectionTitleEl"
 };
-const _sfc_main$j = defineComponent({
+const _sfc_main$l = defineComponent({
   ...__default__$a,
   props: {
     els: {},
@@ -9251,7 +9402,7 @@ const _sfc_main$j = defineComponent({
               class: "section-item__title",
               onClick: ($event) => toggleSectionHidden(index2)
             }, [
-              createElementVNode("span", _hoisted_2$4, toDisplayString(section.text), 1),
+              createElementVNode("span", _hoisted_2$5, toDisplayString(section.text), 1),
               isUseCollapseList.value[index2] ? (openBlock(), createBlock(_component_el_icon, {
                 key: 0,
                 size: 16
@@ -9261,7 +9412,7 @@ const _sfc_main$j = defineComponent({
                 ]),
                 _: 2
               }, 1024)) : createCommentVNode("", true)
-            ], 8, _hoisted_1$7),
+            ], 8, _hoisted_1$8),
             createElementVNode("div", {
               class: normalizeClass(["section-item__els", { hidden: sectionHiddens.value[index2] }])
             }, [
@@ -9303,11 +9454,11 @@ const _sfc_main$j = defineComponent({
     };
   }
 });
-var SectionTitleEl = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-7a2c16fe"]]);
+var SectionTitleEl = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-7a2c16fe"]]);
 const __default__$9 = {
   name: "TabsModeContainer"
 };
-const _sfc_main$i = defineComponent({
+const _sfc_main$k = defineComponent({
   ...__default__$9,
   props: {
     props: {},
@@ -9403,7 +9554,7 @@ const _sfc_main$i = defineComponent({
 const __default__$8 = {
   name: "ModuleContainer"
 };
-const _sfc_main$h = defineComponent({
+const _sfc_main$j = defineComponent({
   ...__default__$8,
   props: {
     els: {},
@@ -9416,7 +9567,7 @@ const _sfc_main$h = defineComponent({
     const props = __props;
     const containerConfig = computed(() => {
       return {
-        component: markRaw(_sfc_main$i),
+        component: markRaw(_sfc_main$k),
         props: {
           props: props.moduleConfig.props,
           els: props.els,
@@ -9453,7 +9604,7 @@ columnsSaver.setContents.bind(columnsSaver);
 columnsSaver.genScopeItemKey.bind(columnsSaver);
 const saveColumns = columnsSaver.saveContentItem.bind(columnsSaver);
 const getColumns = columnsSaver.getContentItem.bind(columnsSaver);
-const _sfc_main$g = defineComponent({
+const _sfc_main$i = defineComponent({
   __name: "index",
   props: {
     els: {},
@@ -9490,7 +9641,7 @@ const _sfc_main$g = defineComponent({
       return sectionConfig;
     });
     return (_ctx, _cache) => {
-      return useModule.value ? (openBlock(), createBlock(_sfc_main$h, {
+      return useModule.value ? (openBlock(), createBlock(_sfc_main$j, {
         key: 0,
         rowProps: _ctx.form.rowProps,
         sectionConfig: useSectionConfig.value,
@@ -9516,7 +9667,7 @@ const _sfc_main$g = defineComponent({
     };
   }
 });
-const _sfc_main$f = defineComponent({
+const _sfc_main$h = defineComponent({
   __name: "index",
   props: {
     form: {},
@@ -9528,7 +9679,7 @@ const _sfc_main$f = defineComponent({
     const props = __props;
     const containerConfig = computed(() => {
       return {
-        component: markRaw(_sfc_main$g),
+        component: markRaw(_sfc_main$i),
         props: {
           els: props.els,
           form: props.form,
@@ -9551,20 +9702,20 @@ const defineForm = (form) => {
 };
 var setting_vue_vue_type_style_index_0_lang$1 = "";
 var setting_vue_vue_type_style_index_1_lang$1 = "";
-const _hoisted_1$6 = { key: 0 };
-const _hoisted_2$3 = {
+const _hoisted_1$7 = { key: 0 };
+const _hoisted_2$4 = {
   key: 1,
   style: { "color": "#999" }
 };
-const _hoisted_3$1 = { key: 0 };
-const _hoisted_4$1 = {
+const _hoisted_3$2 = { key: 0 };
+const _hoisted_4$2 = {
   key: 1,
   style: { "color": "#999" }
 };
 const __default__$7 = {
   name: "SaveColumnSetting"
 };
-const _sfc_main$e = defineComponent({
+const _sfc_main$g = defineComponent({
   ...__default__$7,
   emits: ["submit", "closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -9676,7 +9827,7 @@ const _sfc_main$e = defineComponent({
       const _component_el_tab_pane = resolveComponent("el-tab-pane");
       const _component_el_tabs = resolveComponent("el-tabs");
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$B, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
         title: "\u8868\u5355\u914D\u7F6E",
@@ -9742,7 +9893,7 @@ const _sfc_main$e = defineComponent({
                           ], 2);
                         }), 128))
                       ], 2),
-                      createVNode(_sfc_main$s, {
+                      createVNode(_sfc_main$u, {
                         modelValue: innerEls.value,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
                         "item-key": "_key"
@@ -9759,7 +9910,7 @@ const _sfc_main$e = defineComponent({
                             createElementVNode("div", {
                               class: normalizeClass(unref(createBEMName)("cell"))
                             }, [
-                              element.sectionName ? (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(element.sectionName), 1)) : (openBlock(), createElementBlock("span", _hoisted_2$3, "\u672A\u914D\u7F6E"))
+                              element.sectionName ? (openBlock(), createElementBlock("span", _hoisted_1$7, toDisplayString(element.sectionName), 1)) : (openBlock(), createElementBlock("span", _hoisted_2$4, "\u672A\u914D\u7F6E"))
                             ], 2),
                             createElementVNode("div", {
                               class: normalizeClass(unref(createBEMName)("cell"))
@@ -9774,7 +9925,7 @@ const _sfc_main$e = defineComponent({
                             createElementVNode("div", {
                               class: normalizeClass(unref(createBEMName)("cell"))
                             }, [
-                              element.moduleName ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(element.moduleName), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$1, "\u672A\u914D\u7F6E"))
+                              element.moduleName ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(element.moduleName), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$2, "\u672A\u914D\u7F6E"))
                             ], 2),
                             createElementVNode("div", {
                               class: normalizeClass(unref(createBEMName)("cell"))
@@ -9870,7 +10021,7 @@ var index_vue_vue_type_style_index_0_lang$4 = "";
 const __default__$6 = {
   name: "PageModelForm"
 };
-const _sfc_main$d = defineComponent({
+const _sfc_main$f = defineComponent({
   ...__default__$6,
   props: {
     form: {},
@@ -10080,7 +10231,7 @@ const _sfc_main$d = defineComponent({
         class: unref(BEMSpace)
       }), {
         default: withCtx(() => [
-          createVNode(_sfc_main$f, {
+          createVNode(_sfc_main$h, {
             els: totalShowFormEls.value,
             form: form.value,
             formManager,
@@ -10102,7 +10253,7 @@ const _sfc_main$d = defineComponent({
                         key: 0,
                         class: normalizeClass(unref(createBEMName)("prefix"))
                       }, toDisplayString(renderDeText(item.prefix, formManager.formData)), 3)) : createCommentVNode("", true),
-                      createVNode(_sfc_main$A, {
+                      createVNode(_sfc_main$C, {
                         modelValue: formManager.formData[item.prop],
                         renderFn: item.renderFn,
                         context: formManager,
@@ -10131,7 +10282,7 @@ const _sfc_main$d = defineComponent({
             ]),
             _: 1
           }, 8, ["els", "form", "formManager", "errorProp"]),
-          unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$e, {
+          unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$g, {
             key: 0,
             ref_key: "columnToolsSettingRef",
             ref: columnToolsSettingRef,
@@ -10144,8 +10295,8 @@ const _sfc_main$d = defineComponent({
     };
   }
 });
-var PageModelForm = _sfc_main$d;
-const _sfc_main$c = defineComponent({
+var PageModelForm = _sfc_main$f;
+const _sfc_main$e = defineComponent({
   __name: "index",
   props: {
     props: {},
@@ -10229,7 +10380,7 @@ const _sfc_main$c = defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return formVisible.value ? (openBlock(), createBlock(_sfc_main$z, {
+      return formVisible.value ? (openBlock(), createBlock(_sfc_main$B, {
         key: 0,
         modelValue: formVisible.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formVisible.value = $event),
@@ -10273,7 +10424,7 @@ const _sfc_main$c = defineComponent({
   }
 });
 var index_vue_vue_type_style_index_0_lang$3 = "";
-const _sfc_main$b = defineComponent({
+const _sfc_main$d = defineComponent({
   __name: "index",
   props: {
     props: {},
@@ -10424,8 +10575,8 @@ const _sfc_main$b = defineComponent({
   }
 });
 var index_vue_vue_type_style_index_0_lang$2 = "";
-const _hoisted_1$5 = { class: "el-drawer_title" };
-const _sfc_main$a = defineComponent({
+const _hoisted_1$6 = { class: "el-drawer_title" };
+const _sfc_main$c = defineComponent({
   __name: "index",
   props: {
     modelValue: { type: Boolean },
@@ -10463,7 +10614,7 @@ const _sfc_main$a = defineComponent({
         class: `${unref(BEMSpace)} ${props.customClass || ""} ${_ctx.noPaddingTop ? "no-padding-top" : ""}`
       }, props.dialogProps || {}, toHandlers(props.dialogEvents || {}), { "onUpdate:modelValue": onUpdateModelValue }), createSlots({
         header: withCtx(() => [
-          createElementVNode("span", _hoisted_1$5, toDisplayString(_ctx.title), 1)
+          createElementVNode("span", _hoisted_1$6, toDisplayString(_ctx.title), 1)
         ]),
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
@@ -10481,7 +10632,7 @@ const _sfc_main$a = defineComponent({
     };
   }
 });
-const _sfc_main$9 = defineComponent({
+const _sfc_main$b = defineComponent({
   __name: "index",
   props: {
     props: {},
@@ -10574,7 +10725,7 @@ const _sfc_main$9 = defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return formVisible.value ? (openBlock(), createBlock(_sfc_main$a, {
+      return formVisible.value ? (openBlock(), createBlock(_sfc_main$c, {
         key: 0,
         ref_key: "formDrawerRef",
         ref: formDrawerRef,
@@ -10620,7 +10771,7 @@ const _sfc_main$9 = defineComponent({
     };
   }
 });
-const _sfc_main$8 = defineComponent({
+const _sfc_main$a = defineComponent({
   __name: "index",
   props: {
     form: {},
@@ -10635,27 +10786,27 @@ const _sfc_main$8 = defineComponent({
       const mode = (_a = props.form.mode) != null ? _a : "dialog";
       if (mode === "dialog") {
         return {
-          component: _sfc_main$c,
+          component: _sfc_main$e,
           props: props.form.dialogProps
         };
       } else if (mode === "fullpage") {
         return {
-          component: _sfc_main$b,
+          component: _sfc_main$d,
           props: props.form.fullpageProps
         };
       } else if (mode === "drawer") {
         return {
-          component: _sfc_main$9,
+          component: _sfc_main$b,
           props: props.form.drawerProps
         };
       } else if (mode === "custom") {
         return {
-          component: props.form.formContainer || _sfc_main$c,
+          component: props.form.formContainer || _sfc_main$e,
           props: props.form.formContainerProps
         };
       } else {
         return {
-          component: _sfc_main$c,
+          component: _sfc_main$e,
           props: props.form.dialogProps
         };
       }
@@ -10811,9 +10962,9 @@ class FilterTools {
     this.filterList = [];
   }
 }
-var index_vue_vue_type_style_index_0_scoped_true_lang$2 = "";
-const _hoisted_1$4 = ["onClick"];
-const _sfc_main$7 = defineComponent({
+var index_vue_vue_type_style_index_0_scoped_true_lang$4 = "";
+const _hoisted_1$5 = ["onClick"];
+const _sfc_main$9 = defineComponent({
   __name: "index",
   props: {
     manager: {},
@@ -11021,7 +11172,7 @@ const _sfc_main$7 = defineComponent({
                             ]),
                             _: 1
                           })) : createCommentVNode("", true)
-                        ], 10, _hoisted_1$4);
+                        ], 10, _hoisted_1$5);
                       }), 128))
                     ]),
                     _: 1
@@ -11053,7 +11204,7 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-var FilterZone = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-3b3a557e"]]);
+var FilterZone = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-3b3a557e"]]);
 function getDateValue(value) {
   return value == null ? void 0 : value.split(" ")[0];
 }
@@ -11147,7 +11298,7 @@ const getFilters = configSaver.getContentItem.bind(configSaver);
 const __default__$5 = {
   name: "FilterTools"
 };
-const _sfc_main$6 = defineComponent({
+const _sfc_main$8 = defineComponent({
   ...__default__$5,
   props: {
     manager: {}
@@ -11234,6 +11385,644 @@ const _sfc_main$6 = defineComponent({
     };
   }
 });
+var index_vue_vue_type_style_index_0_scoped_true_lang$3 = "";
+const _sfc_main$7 = defineComponent({
+  __name: "index",
+  props: {
+    manager: {}
+  },
+  emits: ["screen"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { BEMSpace, createBEMName } = createBEMSpace("f_z");
+    const filterColumnList = ref([]);
+    const filterList = ref([]);
+    const simplePopoverRef = ref();
+    const showPopover = (element) => {
+      var _a;
+      (_a = simplePopoverRef.value) == null ? void 0 : _a.show(element);
+      const tableManager = props.manager.tableManager;
+      const currentRenderTableEls = tableManager.currentRenderTableEls;
+      filterColumnList.value = currentRenderTableEls.filter(
+        (a) => a.filterable && a.filters
+      );
+      filterList.value = tableManager.columnParamsList.map((item) => {
+        const columnEl = currentRenderTableEls.find((el) => el.prop === item.prop);
+        return {
+          prop: columnEl.prop,
+          filterType: columnEl.filters.filterType,
+          filterLabel: columnEl.filters.filterLabel,
+          filterOptions: columnEl.filters.filterOptions,
+          condition: item.condition,
+          value: item.value
+        };
+      });
+    };
+    const hidePopover = () => {
+      var _a;
+      (_a = simplePopoverRef.value) == null ? void 0 : _a.hide();
+    };
+    const getAddFilterItem = (columnEl) => {
+      const formData = {
+        prop: columnEl.prop,
+        filterType: columnEl.filters.filterType,
+        filterLabel: columnEl.filters.filterLabel,
+        filterOptions: columnEl.filters.filterOptions,
+        condition: FilterMatchModeEnum$1.\u7B49\u4E8E,
+        value: null
+      };
+      if (formData.filterType === FilterItemTypeEnum$1.\u591A\u9009\u503C) {
+        formData.value = [];
+      }
+      return formData;
+    };
+    const handleFieldChange = (index2, prop) => {
+      const columnEl = filterColumnList.value.find((a) => a.prop === prop);
+      const newItem = getAddFilterItem(columnEl);
+      filterList.value[index2] = newItem;
+    };
+    const handleAddItem = () => {
+      if (filterColumnList.value[0]) {
+        filterList.value.push(getAddFilterItem(filterColumnList.value[0]));
+      }
+    };
+    const handleRemoveItem = (index2) => {
+      filterList.value.splice(index2, 1);
+    };
+    const handleClear = () => {
+      filterList.value = [];
+      props.manager.tableManager.columnParamsList = [];
+      hidePopover();
+      emit("screen");
+    };
+    const handleScreen = () => {
+      const list = filterList.value.filter((a) => {
+        var _a;
+        const hasCompare = [
+          FilterItemTypeEnum$1["\u6587\u5B57"],
+          FilterItemTypeEnum$1["\u65E5\u671F"],
+          FilterItemTypeEnum$1["\u6570\u5B57"]
+        ].includes(a.filterType);
+        if (hasCompare) {
+          return a.condition && a.value != null;
+        } else {
+          if (a.filterType === FilterItemTypeEnum$1.\u591A\u9009\u503C) {
+            return (_a = a.value) == null ? void 0 : _a.length;
+          } else {
+            return a.value !== null;
+          }
+        }
+      });
+      props.manager.tableManager.columnParamsList = list.map((item) => {
+        return {
+          prop: item.prop,
+          filterType: item.filterType,
+          condition: item.condition,
+          value: item.value
+        };
+      });
+      hidePopover();
+      emit("screen");
+    };
+    __expose({
+      showPopover,
+      hidePopover
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_input_number = resolveComponent("el-input-number");
+      const _component_el_date_picker = resolveComponent("el-date-picker");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createBlock(SimplePopover, {
+        ref_key: "simplePopoverRef",
+        ref: simplePopoverRef,
+        width: 560
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(BEMSpace))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(createBEMName)("title"))
+            }, "\u7B5B\u9009", 2),
+            createElementVNode("div", {
+              class: normalizeClass(unref(createBEMName)("list"))
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(filterList.value, (item, index2) => {
+                return openBlock(), createElementBlock("div", {
+                  class: normalizeClass(unref(createBEMName)("item")),
+                  key: index2
+                }, [
+                  createVNode(_component_el_select, {
+                    modelValue: item.prop,
+                    "onUpdate:modelValue": ($event) => item.prop = $event,
+                    class: normalizeClass(unref(createBEMName)("key")),
+                    placeholder: "\u7B5B\u9009\u5B57\u6BB5",
+                    onChange: ($event) => handleFieldChange(index2, $event)
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(filterColumnList.value, (filterItem, iindex) => {
+                        return openBlock(), createBlock(_component_el_option, {
+                          key: iindex,
+                          label: filterItem.label,
+                          value: filterItem.prop
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue", "class", "onChange"]),
+                  item.filterType === unref(FilterItemTypeEnum$1).\u6587\u5B57 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createVNode(_component_el_select, {
+                      modelValue: item.condition,
+                      "onUpdate:modelValue": ($event) => item.condition = $event,
+                      class: normalizeClass(unref(createBEMName)("operate")),
+                      placeholder: "\u7B5B\u9009\u7C7B\u578B"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(compareOptions$1)[item.filterType], (opt) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: opt.label + opt.value,
+                            label: opt.label,
+                            value: opt.value
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "class"]),
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(createBEMName)("input"))
+                    }, [
+                      createVNode(_component_el_input, {
+                        modelValue: item.value,
+                        "onUpdate:modelValue": ($event) => item.value = $event,
+                        placeholder: "\u8BF7\u8F93\u5165",
+                        clearable: ""
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ], 2)
+                  ], 64)) : item.filterType === unref(FilterItemTypeEnum$1).\u6570\u5B57 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createVNode(_component_el_select, {
+                      modelValue: item.condition,
+                      "onUpdate:modelValue": ($event) => item.condition = $event,
+                      class: normalizeClass(unref(createBEMName)("operate")),
+                      placeholder: "\u7B5B\u9009\u7C7B\u578B"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(compareOptions$1)[item.filterType], (opt, iindex) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: opt.label + opt.value,
+                            label: opt.label,
+                            value: opt.value
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "class"]),
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(createBEMName)("input"))
+                    }, [
+                      createVNode(_component_el_input_number, {
+                        modelValue: item.value,
+                        "onUpdate:modelValue": ($event) => item.value = $event,
+                        "controls-position": "right",
+                        clearable: "",
+                        placeholder: "\u8BF7\u8F93\u5165"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ], 2)
+                  ], 64)) : item.filterType === unref(FilterItemTypeEnum$1).\u65E5\u671F ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                    createVNode(_component_el_select, {
+                      modelValue: item.condition,
+                      "onUpdate:modelValue": ($event) => item.condition = $event,
+                      class: normalizeClass(unref(createBEMName)("operate")),
+                      placeholder: "\u7B5B\u9009\u7C7B\u578B"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(compareOptions$1)[item.filterType], (opt, iindex) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: opt.label + opt.value,
+                            label: opt.label,
+                            value: opt.value
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "class"]),
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(createBEMName)("input"))
+                    }, [
+                      createVNode(_component_el_date_picker, {
+                        modelValue: item.value,
+                        "onUpdate:modelValue": ($event) => item.value = $event,
+                        placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F",
+                        "value-format": "YYYY-MM-DD",
+                        clearable: ""
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ], 2)
+                  ], 64)) : item.filterType === unref(FilterItemTypeEnum$1).\u5E03\u5C14\u503C ? (openBlock(), createElementBlock("div", {
+                    key: 3,
+                    class: normalizeClass(unref(createBEMName)("input"))
+                  }, [
+                    createVNode(_component_el_select, {
+                      modelValue: item.value,
+                      "onUpdate:modelValue": ($event) => item.value = $event,
+                      placeholder: "\u8BF7\u9009\u62E9"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_option, {
+                          label: "\u662F",
+                          value: true
+                        }),
+                        createVNode(_component_el_option, {
+                          label: "\u5426",
+                          value: false
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ], 2)) : item.filterType === unref(FilterItemTypeEnum$1).\u5355\u9009\u503C ? (openBlock(), createElementBlock("div", {
+                    key: 4,
+                    class: normalizeClass(unref(createBEMName)("input"))
+                  }, [
+                    createVNode(_component_el_select, {
+                      modelValue: item.value,
+                      "onUpdate:modelValue": ($event) => item.value = $event,
+                      filterable: "",
+                      placeholder: "\u8BF7\u9009\u62E9",
+                      clearable: ""
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(item.filterOptions, (opt, index22) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: index22,
+                            style: { "width": "100%" },
+                            label: opt.label,
+                            value: opt.value
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ], 2)) : item.filterType === unref(FilterItemTypeEnum$1).\u591A\u9009\u503C ? (openBlock(), createElementBlock("div", {
+                    key: 5,
+                    class: normalizeClass(unref(createBEMName)("input"))
+                  }, [
+                    createVNode(_component_el_select, {
+                      modelValue: item.value,
+                      "onUpdate:modelValue": ($event) => item.value = $event,
+                      multiple: "",
+                      filterable: "",
+                      "collapse-tags": "",
+                      "collapse-tags-tooltip": "",
+                      "max-collapse-tags": 3,
+                      clearable: "",
+                      placeholder: "\u8BF7\u9009\u62E9"
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(item.filterOptions, (opt, index22) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: index22,
+                            style: { "width": "100%" },
+                            label: opt.label,
+                            value: opt.value
+                          }, {
+                            default: withCtx(() => [
+                              createElementVNode("span", null, toDisplayString(opt.label), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                  ], 2)) : createCommentVNode("", true),
+                  createVNode(_component_el_icon, {
+                    size: 18,
+                    class: normalizeClass(unref(createBEMName)("remove-icon")),
+                    title: "\u79FB\u9664\u8BE5\u9879",
+                    onClick: ($event) => handleRemoveItem(index2)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(remove))
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "onClick"])
+                ], 2);
+              }), 128))
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass(unref(createBEMName)("actions"))
+            }, [
+              createVNode(_component_el_button, {
+                type: "primary",
+                link: "",
+                icon: unref(circlePlus),
+                onClick: handleAddItem
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u6DFB\u52A0\u7B5B\u9009\u6761\u4EF6")
+                ]),
+                _: 1
+              }, 8, ["icon"]),
+              createElementVNode("div", null, [
+                createVNode(_component_el_button, { onClick: handleClear }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u6E05\u7A7A\u503C")
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_button, {
+                  type: "primary",
+                  onClick: handleScreen
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u7B5B\u9009")
+                  ]),
+                  _: 1
+                })
+              ])
+            ], 2)
+          ], 2)
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+});
+var ColumnFilterTools = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-637a03a4"]]);
+var index_vue_vue_type_style_index_0_scoped_true_lang$2 = "";
+const _withScopeId$1 = (n) => (pushScopeId("data-v-83dbf266"), n = n(), popScopeId(), n);
+const _hoisted_1$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("i", {
+  class: "pm-icon icon-drag-dot",
+  title: "\u62D6\u52A8\u8C03\u6574\u663E\u793A\u987A\u5E8F"
+}, null, -1));
+const _hoisted_2$3 = ["onClick"];
+const _hoisted_3$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", null, "A -> Z", -1));
+const _hoisted_4$1 = [
+  _hoisted_3$1
+];
+const _hoisted_5$1 = ["onClick"];
+const _hoisted_6$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", null, "Z -> A", -1));
+const _hoisted_7$1 = [
+  _hoisted_6$1
+];
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
+const _sfc_main$6 = defineComponent({
+  __name: "index",
+  props: {
+    manager: {}
+  },
+  emits: ["screen"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { BEMSpace, createBEMName } = createBEMSpace("f_z");
+    const columnFieldList = ref([]);
+    const filterList = ref([]);
+    const usedFieldList = computed(() => {
+      return filterList.value.map((a) => a.prop);
+    });
+    const filterKeywords = ref("");
+    const filterColumnList = computed(() => {
+      return columnFieldList.value.filter((a) => {
+        if (usedFieldList.value.includes(a.prop)) {
+          return false;
+        }
+        if (filterKeywords.value) {
+          return a.label.includes(filterKeywords.value);
+        }
+        return true;
+      });
+    });
+    const simplePopoverRef = ref();
+    const showPopover = (element) => {
+      var _a;
+      (_a = simplePopoverRef.value) == null ? void 0 : _a.show(element);
+      const tableManager = props.manager.tableManager;
+      columnFieldList.value = tableManager.currentRenderTableEls.map((a) => {
+        return {
+          prop: a.prop,
+          label: a.label
+        };
+      }).filter((a) => a.prop);
+      filterList.value = jsonClone(tableManager.columnSortParamsList);
+    };
+    const hidePopover = () => {
+      var _a;
+      (_a = simplePopoverRef.value) == null ? void 0 : _a.hide();
+    };
+    const getAddFilterItem = (field) => {
+      const item = columnFieldList.value.find((a) => a.prop === field);
+      return {
+        label: (item == null ? void 0 : item.label) || "",
+        prop: field,
+        order: "ascending"
+      };
+    };
+    const handleFieldChange = (index2, prop) => {
+      const item = filterList.value[index2];
+      const columnItem = columnFieldList.value.find((a) => a.prop === item.prop);
+      item.prop = prop;
+      item.label = columnItem == null ? void 0 : columnItem.label;
+    };
+    const handleSelectSortItem = (item, sortValue) => {
+      item.order = sortValue;
+    };
+    const handleClickSelect = (addProp) => {
+      const item = getAddFilterItem(addProp);
+      filterList.value.push(item);
+    };
+    const handleRemoveItem = (index2) => {
+      filterList.value.splice(index2, 1);
+    };
+    const handleClear = () => {
+      filterList.value = [];
+      props.manager.tableManager.columnSortParamsList = [];
+      hidePopover();
+      emit("screen");
+    };
+    const handleScreen = () => {
+      props.manager.tableManager.columnSortParamsList = filterList.value;
+      hidePopover();
+      emit("screen");
+    };
+    __expose({
+      showPopover,
+      hidePopover
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      const _component_el_popover = resolveComponent("el-popover");
+      return openBlock(), createBlock(SimplePopover, {
+        ref_key: "simplePopoverRef",
+        ref: simplePopoverRef,
+        width: 420
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(BEMSpace))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(createBEMName)("title"))
+            }, "\u8BBE\u7F6E\u6392\u5E8F\u6761\u4EF6", 2),
+            createVNode(_sfc_main$u, {
+              modelValue: filterList.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filterList.value = $event),
+              itemKey: "prop",
+              class: normalizeClass(unref(createBEMName)("list"))
+            }, {
+              item: withCtx(({ element, index: index2 }) => [
+                createElementVNode("div", {
+                  class: normalizeClass(unref(createBEMName)("item"))
+                }, [
+                  _hoisted_1$4,
+                  createElementVNode("div", {
+                    class: normalizeClass(unref(createBEMName)("inner-item"))
+                  }, [
+                    createVNode(_component_el_select, {
+                      modelValue: element.prop,
+                      "onUpdate:modelValue": ($event) => element.prop = $event,
+                      class: normalizeClass(unref(createBEMName)("key")),
+                      placeholder: "\u6392\u5E8F\u5B57\u6BB5",
+                      onChange: ($event) => handleFieldChange(index2, $event)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_option, {
+                          key: "_self",
+                          label: element.label,
+                          value: element.prop
+                        }, null, 8, ["label", "value"]),
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(filterColumnList.value, (fieldItem, iindex) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: iindex,
+                            label: fieldItem.label,
+                            value: fieldItem.prop
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "class", "onChange"]),
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(createBEMName)("input"))
+                    }, [
+                      createElementVNode("div", {
+                        class: normalizeClass([
+                          unref(createBEMName)("radio-item"),
+                          { "is-selected": element.order === "ascending" }
+                        ]),
+                        onClick: ($event) => handleSelectSortItem(element, "ascending")
+                      }, _hoisted_4$1, 10, _hoisted_2$3),
+                      createElementVNode("div", {
+                        class: normalizeClass([
+                          unref(createBEMName)("radio-item"),
+                          ,
+                          { "is-selected": element.order === "descending" }
+                        ]),
+                        onClick: ($event) => handleSelectSortItem(element, "descending")
+                      }, _hoisted_7$1, 10, _hoisted_5$1)
+                    ], 2),
+                    createVNode(_component_el_icon, {
+                      size: 18,
+                      class: normalizeClass(unref(createBEMName)("remove-icon")),
+                      title: "\u79FB\u9664\u8BE5\u9879",
+                      onClick: ($event) => handleRemoveItem(index2)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(remove))
+                      ]),
+                      _: 2
+                    }, 1032, ["class", "onClick"])
+                  ], 2)
+                ], 2)
+              ]),
+              _: 1
+            }, 8, ["modelValue", "class"]),
+            createElementVNode("div", {
+              class: normalizeClass(unref(createBEMName)("actions"))
+            }, [
+              createVNode(_component_el_popover, {
+                placement: "bottom",
+                width: 200,
+                trigger: "click"
+              }, {
+                reference: withCtx(() => [
+                  createVNode(_component_el_button, {
+                    link: "",
+                    icon: unref(plus)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode("\u6392\u5E8F\u6761\u4EF6")
+                    ]),
+                    _: 1
+                  }, 8, ["icon"])
+                ]),
+                default: withCtx(() => [
+                  createElementVNode("div", {
+                    class: normalizeClass(unref(createBEMName)("select-wrap"))
+                  }, [
+                    createVNode(_component_el_input, {
+                      modelValue: filterKeywords.value,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filterKeywords.value = $event),
+                      placeholder: "\u8BF7\u8F93\u5165",
+                      clearable: ""
+                    }, null, 8, ["modelValue"]),
+                    createElementVNode("div", {
+                      class: normalizeClass(unref(createBEMName)("select-list-wrap"))
+                    }, [
+                      createVNode(_component_el_scrollbar, { always: "" }, {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(columnFieldList.value, (item, index2) => {
+                            return withDirectives((openBlock(), createElementBlock("div", {
+                              key: index2,
+                              class: normalizeClass([unref(createBEMName)("select-item")]),
+                              onClick: ($event) => handleClickSelect(item.prop)
+                            }, toDisplayString(item.label), 11, _hoisted_8)), [
+                              [vShow, !usedFieldList.value.includes(item.prop)]
+                            ]);
+                          }), 128)),
+                          _hoisted_9
+                        ]),
+                        _: 1
+                      })
+                    ], 2)
+                  ], 2)
+                ]),
+                _: 1
+              }),
+              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("\u5E94\u7528")
+                  ]),
+                  _: 1
+                })
+              ])
+            ], 2)
+          ], 2)
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+});
+var ColumnSortTools = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-83dbf266"]]);
 var index_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
 const _hoisted_1$3 = { class: "table-toolbox" };
 const _hoisted_2$2 = ["onClick"];
@@ -11273,10 +12062,24 @@ const _sfc_main$5 = defineComponent({
         event: "show-column-tool",
         desc: "",
         bg: false
+      },
+      filter: {
+        icon: filter,
+        text: "\u7B5B\u9009",
+        event: "filter",
+        desc: "",
+        bg: false
+      },
+      sort: {
+        icon: sort,
+        text: "\u6392\u5E8F",
+        event: "sort",
+        desc: "",
+        bg: false
       }
     };
     const showToolbox = computed(() => {
-      const _innerTools = props.toolbox ? props.toolbox.map((toolKey) => innerTools[toolKey]).map((item) => {
+      const _innerTools = props.toolbox ? props.toolbox.map((toolKey) => innerTools[toolKey]).filter((a) => a).map((item) => {
         var _a, _b;
         let desc = "";
         let bg = false;
@@ -11285,6 +12088,16 @@ const _sfc_main$5 = defineComponent({
           bg = props.tableManager.hiddeenFieldCount > 0;
         } else if (item.event === "fullscreen") {
           bg = (_b = (_a = props.tableManager) == null ? void 0 : _a.manager) == null ? void 0 : _b.isTableFullscreen;
+        } else if (item.event === "filter" && props.tableManager) {
+          if (props.tableManager.columnParamsList.length) {
+            desc = `(${props.tableManager.columnParamsList.length})`;
+            bg = true;
+          }
+        } else if (item.event === "sort" && props.tableManager) {
+          if (props.tableManager.columnSortParamsList.length) {
+            desc = `(${props.tableManager.columnSortParamsList.length})`;
+            bg = true;
+          }
         }
         return {
           ...item,
@@ -11351,7 +12164,7 @@ const _sfc_main$5 = defineComponent({
     };
   }
 });
-var TableToolsbox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-67a33bbc"]]);
+var TableToolsbox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-33b50ea5"]]);
 function patchConfig(config, patches) {
   return patches.reduce((memoConfig, patchFn) => {
     return patchFn.call(this, memoConfig);
@@ -11769,6 +12582,9 @@ const _sfc_main$4 = defineComponent({
         manager.doGetDataRequest();
       }
     };
+    const handleColumnSort = () => {
+      manager.doGetDataRequest();
+    };
     const handleSubmitForm = async () => {
       const result = await manager.handleSubmit();
       if (result) {
@@ -11840,24 +12656,44 @@ const _sfc_main$4 = defineComponent({
       manager.isTableFullscreen = isTableFullscreen.value;
     };
     const handleShowColumnTool = (item, e) => {
-      pageModelTableRef.value.showSimplePopover(e.currentTarget);
+      pageModelTableRef.value.showColumnToolSimplePopover(e.currentTarget);
+    };
+    const columnFilterToolsRef = ref();
+    const handleShowFilter = (item, e) => {
+      columnFilterToolsRef.value.showPopover(e.currentTarget);
+    };
+    const columnSortToolsRef = ref();
+    const handleShowSort = (item, e) => {
+      columnSortToolsRef.value.showPopover(e.currentTarget);
     };
     const handleToolboxCustomEvent = (eventName, item, event) => {
       switch (eventName) {
         case "export":
           showExport();
           break;
-        case "fullscreen":
-          handleToggleTableFullscreen();
-          break;
         case "show-column-tool":
           handleShowColumnTool(item, event);
           break;
+        case "filter":
+          handleShowFilter(item, event);
+          break;
+        case "sort":
+          handleShowSort(item, event);
+          break;
+        case "fullscreen":
+          handleToggleTableFullscreen();
+          break;
         default:
           emitCustomEvent(eventName);
           break;
       }
     };
+    const handleColumnFilterToolsScreen = () => {
+      pageModelTableRef.value.handleColumnScreen();
+    };
+    const handleColumnSortToolsScreen = () => {
+      pageModelTableRef.value.handleColumnSort();
+    };
     __expose({
       manager,
       doTableLayout,
@@ -11890,6 +12726,7 @@ const _sfc_main$4 = defineComponent({
       setFormTabsActiveName
     });
     return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
       const _component_el_scrollbar = resolveComponent("el-scrollbar");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([
@@ -11912,7 +12749,7 @@ const _sfc_main$4 = defineComponent({
               key: 0,
               class: normalizeClass(unref(createBEMName)("top-tabs"))
             }, [
-              hasTabs.value ? (openBlock(), createBlock(_sfc_main$Y, {
+              hasTabs.value ? (openBlock(), createBlock(_sfc_main$10, {
                 key: 0,
                 tabs: uConfig.value.tabs,
                 manager,
@@ -11928,7 +12765,7 @@ const _sfc_main$4 = defineComponent({
               key: 1,
               class: normalizeClass(unref(createBEMName)("search"))
             }, [
-              createVNode(_sfc_main$x, {
+              createVNode(_sfc_main$z, {
                 ref_key: "searchFormRef",
                 ref: searchFormRef,
                 manager
@@ -11980,7 +12817,7 @@ const _sfc_main$4 = defineComponent({
                 createElementVNode("div", null, [
                   renderSlot(_ctx.$slots, "selectable-right")
                 ]),
-                hasFilterTools.value ? (openBlock(), createBlock(_sfc_main$6, {
+                hasFilterTools.value ? (openBlock(), createBlock(_sfc_main$8, {
                   key: 0,
                   manager,
                   onScreen: handleInnerScreen
@@ -11996,7 +12833,7 @@ const _sfc_main$4 = defineComponent({
             createElementVNode("div", {
               class: normalizeClass(unref(createBEMName)("main"))
             }, [
-              createVNode(_sfc_main$k, {
+              createVNode(_sfc_main$m, {
                 ref_key: "pageModelTableRef",
                 ref: pageModelTableRef,
                 manager,
@@ -12004,7 +12841,8 @@ const _sfc_main$4 = defineComponent({
                 onAdd: handleAddEvent,
                 onUpd: handleUpdEvent,
                 onDel: handleDelEvent,
-                onColumnScreen: handleColumnScreen
+                onColumnScreen: handleColumnScreen,
+                onColumnSort: handleColumnSort
               }, {
                 table: withCtx(({ data }) => [
                   renderSlot(_ctx.$slots, "table", { data })
@@ -12016,7 +12854,7 @@ const _sfc_main$4 = defineComponent({
               }, 8, ["manager"])
             ], 2)
           ], 2),
-          uConfig.value.hasForm && Boolean(uConfig.value.form) ? (openBlock(), createBlock(_sfc_main$8, {
+          uConfig.value.hasForm && Boolean(uConfig.value.form) ? (openBlock(), createBlock(_sfc_main$a, {
             key: 1,
             form: uConfig.value.form,
             formManager: manager.formManager,
@@ -12037,13 +12875,27 @@ const _sfc_main$4 = defineComponent({
             ]),
             _: 3
           }, 8, ["form", "formManager"])) : createCommentVNode("", true),
-          unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$e, {
+          unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$g, {
             key: 2,
             ref_key: "columnToolsSettingRef",
             ref: columnToolsSettingRef,
             onClosed: unref(onColumnToolsSettingClosed),
             onSubmit: handleFormColumnToolsSubmit
-          }, null, 8, ["onClosed"])) : createCommentVNode("", true)
+          }, null, 8, ["onClosed"])) : createCommentVNode("", true),
+          ((_b = (_a = _ctx.config.table) == null ? void 0 : _a.toolbox) == null ? void 0 : _b.includes("filter")) ? (openBlock(), createBlock(ColumnFilterTools, {
+            key: 3,
+            ref_key: "columnFilterToolsRef",
+            ref: columnFilterToolsRef,
+            manager,
+            onScreen: handleColumnFilterToolsScreen
+          }, null, 8, ["manager"])) : createCommentVNode("", true),
+          ((_d = (_c = _ctx.config.table) == null ? void 0 : _c.toolbox) == null ? void 0 : _d.includes("sort")) ? (openBlock(), createBlock(ColumnSortTools, {
+            key: 4,
+            ref_key: "columnSortToolsRef",
+            ref: columnSortToolsRef,
+            manager,
+            onScreen: handleColumnSortToolsScreen
+          }, null, 8, ["manager"])) : createCommentVNode("", true)
         ], 64))
       ], 6);
     };
@@ -12187,7 +13039,7 @@ const _sfc_main$2 = defineComponent({
       const _component_el_radio_button = resolveComponent("el-radio-button");
       const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$z, {
+      return openBlock(), createBlock(_sfc_main$B, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
         title: "\u7F16\u8F91\u8868\u683C",
@@ -12230,7 +13082,7 @@ const _sfc_main$2 = defineComponent({
               ], 2);
             }), 128))
           ], 2),
-          createVNode(_sfc_main$s, {
+          createVNode(_sfc_main$u, {
             modelValue: innerEls.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
             "item-key": "_key"
@@ -12394,7 +13246,7 @@ const _sfc_main$1 = defineComponent({
         createElementVNode("div", {
           class: normalizeClass(unref(createBEMName)("list"))
         }, [
-          createVNode(_sfc_main$s, {
+          createVNode(_sfc_main$u, {
             modelValue: innerEls.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
             class: normalizeClass(unref(BEMSpace)),
@@ -12857,7 +13709,7 @@ const _sfc_main = defineComponent({
                     }, {
                       default: withCtx(() => [
                         _ctx.alwaysShowEdit || isCurrentRowFocus($index) ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                          createVNode(_sfc_main$w, {
+                          createVNode(_sfc_main$y, {
                             "render-fn": column.renderFn,
                             pure: "",
                             row,
@@ -12911,7 +13763,7 @@ const _sfc_main = defineComponent({
         }, 16, ["data"]),
         bottomActions.value.length || hasSlots.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
           renderSlot(_ctx.$slots, "action-prefix", {}, void 0, true),
-          createVNode(_sfc_main$C, {
+          createVNode(_sfc_main$E, {
             els: bottomActions.value,
             onCustom: handleBottomActionsEvent
           }, null, 8, ["els"]),
@@ -12927,7 +13779,7 @@ const defineEditableTable = function(config) {
 };
 var iconfont = "";
 const name = "@juzhenfe/page-model";
-const version = "3.14.3";
+const version = "3.14.5";
 const types = "dist/main.d.ts";
 const main = "dist/index.umd.js";
 const keywords = [
@@ -13007,4 +13859,4 @@ const ModelComponent = {
     saveTableColumns(content);
   }
 };
-export { _sfc_main$C as ButtonsRenderer, _sfc_main$s as DraggableList, index as EditableTable, _sfc_main$z as FormDialog, _sfc_main$a as FormDrawer, PageModelForm, _sfc_main$w as TableCellRenderer, _sfc_main$r as TableColumnSetting, columnTools, ModelComponent as default, defineConfig, defineEditableTable, defineForm };
+export { _sfc_main$E as ButtonsRenderer, _sfc_main$u as DraggableList, index as EditableTable, _sfc_main$B as FormDialog, _sfc_main$c as FormDrawer, PageModelForm, _sfc_main$y as TableCellRenderer, _sfc_main$t as TableColumnSetting, columnTools, ModelComponent as default, defineConfig, defineEditableTable, defineForm };