@juzhenfe/page-model 3.13.3 → 3.14.0

package/dist/index.es.js

@@ -181,7 +181,7 @@ const randomStr = (len = 16) => {
     return RANDOM_RANGE[Math.floor(Math.random() * RANDOM_RANGE_LENGTH)];
   }).join("");
 };
-const _hoisted_1$y = { class: "scenes-tab" };
+const _hoisted_1$z = { class: "scenes-tab" };
 const __default__$o = {
   name: "ScenesTab"
 };
@@ -195,7 +195,7 @@ const _sfc_main$_ = defineComponent({
       getValue: getValue2
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$y);
+      return openBlock(), createElementBlock("div", _hoisted_1$z);
     };
   }
 });
@@ -2309,140 +2309,140 @@ var _export_sfc$1 = (sfc, props) => {
 const _sfc_main$X = defineComponent({
   name: "ArrowDownBold"
 });
-const _hoisted_1$x = {
+const _hoisted_1$y = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$q = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$r = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M104.704 338.752a64 64 0 0190.496 0l316.8 316.8 316.8-316.8a64 64 0 0190.496 90.496L557.248 791.296a64 64 0 01-90.496 0L104.704 429.248a64 64 0 010-90.496z"
 }, null, -1);
 const _hoisted_3$o = [
-  _hoisted_2$q
+  _hoisted_2$r
 ];
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_3$o);
+  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"
 });
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$p = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$q = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M831.872 340.864L512 652.672 192.128 340.864a30.592 30.592 0 00-42.752 0 29.12 29.12 0 000 41.6L489.664 714.24a32 32 0 0044.672 0l340.288-331.712a29.12 29.12 0 000-41.728 30.592 30.592 0 00-42.752 0z"
 }, null, -1);
 const _hoisted_3$n = [
-  _hoisted_2$p
+  _hoisted_2$q
 ];
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$n);
+  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"
 });
-const _hoisted_1$v = {
+const _hoisted_1$w = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$p = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M192 384l320 384 320-384z"
 }, null, -1);
 const _hoisted_3$m = [
-  _hoisted_2$o
+  _hoisted_2$p
 ];
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$m);
+  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"
 });
-const _hoisted_1$u = {
+const _hoisted_1$v = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M384 192v640l384-320.064z"
 }, null, -1);
 const _hoisted_3$l = [
-  _hoisted_2$n
+  _hoisted_2$o
 ];
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$l);
+  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$l);
 }
 var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["render", _sfc_render$g]]);
 const _sfc_main$T = defineComponent({
   name: "CaretTop"
 });
-const _hoisted_1$t = {
+const _hoisted_1$u = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$m = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 320L192 704h639.936z"
 }, null, -1);
 const _hoisted_3$k = [
-  _hoisted_2$m
+  _hoisted_2$n
 ];
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$k);
+  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"
 });
-const _hoisted_1$s = {
+const _hoisted_1$t = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$l = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$m = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm-38.4 409.6H326.4a38.4 38.4 0 100 76.8h147.2v147.2a38.4 38.4 0 0076.8 0V550.4h147.2a38.4 38.4 0 000-76.8H550.4V326.4a38.4 38.4 0 10-76.8 0v147.2z"
 }, null, -1);
 const _hoisted_3$j = [
-  _hoisted_2$l
+  _hoisted_2$m
 ];
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$j);
+  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$j);
 }
 var circlePlusFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["render", _sfc_render$e]]);
 const _sfc_main$R = defineComponent({
   name: "CirclePlus"
 });
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$k = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$l = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
 }, null, -1);
@@ -2455,46 +2455,46 @@ const _hoisted_4$7 = /* @__PURE__ */ createElementVNode("path", {
   d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 }, null, -1);
 const _hoisted_5$4 = [
-  _hoisted_2$k,
+  _hoisted_2$l,
   _hoisted_3$i,
   _hoisted_4$7
 ];
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_5$4);
+  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_5$4);
 }
 var circlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["render", _sfc_render$d]]);
 const _sfc_main$Q = defineComponent({
   name: "Download"
 });
-const _hoisted_1$q = {
+const _hoisted_1$r = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$k = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M160 832h704a32 32 0 110 64H160a32 32 0 110-64zm384-253.696l236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64v450.304z"
 }, null, -1);
 const _hoisted_3$h = [
-  _hoisted_2$j
+  _hoisted_2$k
 ];
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$h);
+  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"
 });
-const _hoisted_1$p = {
+const _hoisted_1$q = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M832 512a32 32 0 1164 0v352a32 32 0 01-32 32H160a32 32 0 01-32-32V160a32 32 0 0132-32h352a32 32 0 010 64H192v640h640V512z"
 }, null, -1);
@@ -2503,192 +2503,192 @@ const _hoisted_3$g = /* @__PURE__ */ createElementVNode("path", {
   d: "M469.952 554.24l52.8-7.552L847.104 222.4a32 32 0 10-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 010 135.808l-331.84 331.84a32 32 0 01-18.112 9.088L436.8 623.68a32 32 0 01-36.224-36.224l15.104-105.6a32 32 0 019.024-18.112l331.904-331.84a96 96 0 01135.744 0z"
 }, null, -1);
 const _hoisted_4$6 = [
-  _hoisted_2$i,
+  _hoisted_2$j,
   _hoisted_3$g
 ];
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_4$6);
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_4$6);
 }
 var edit = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$b]]);
 const _sfc_main$O = defineComponent({
   name: "Filter"
 });
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$h = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M384 523.392V928a32 32 0 0046.336 28.608l192-96A32 32 0 00640 832V523.392l280.768-343.104a32 32 0 10-49.536-40.576l-288 352A32 32 0 00576 512v300.224l-128 64V512a32 32 0 00-7.232-20.288L195.52 192H704a32 32 0 100-64H128a32 32 0 00-24.768 52.288L384 523.392z"
 }, null, -1);
 const _hoisted_3$f = [
-  _hoisted_2$h
+  _hoisted_2$i
 ];
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$f);
+  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"
 });
-const _hoisted_1$n = {
+const _hoisted_1$o = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$g = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$h = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M160 96.064l192 .192a32 32 0 010 64l-192-.192V352a32 32 0 01-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1164 0v191.936l192-.192a32 32 0 110 64l-192 .192zM864 96.064V96h64v256a32 32 0 11-64 0V160.064l-192 .192a32 32 0 110-64l192-.192zm0 831.872l-192-.192a32 32 0 010-64l192 .192V672a32 32 0 1164 0v256h-64v-.064z"
 }, null, -1);
 const _hoisted_3$e = [
-  _hoisted_2$g
+  _hoisted_2$h
 ];
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$e);
+  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"
 });
-const _hoisted_1$m = {
+const _hoisted_1$n = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$f = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$g = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M640 384v256H384V384h256zm64 0h192v256H704V384zm-64 512H384V704h256v192zm64 0V704h192v192H704zm-64-768v192H384V128h256zm64 0h192v192H704V128zM320 384v256H128V384h192zm0 512H128V704h192v192zm0-768v192H128V128h192z"
 }, null, -1);
 const _hoisted_3$d = [
-  _hoisted_2$f
+  _hoisted_2$g
 ];
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$d);
+  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"
 });
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$e = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$f = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a32 32 0 0132 32v192a32 32 0 01-64 0V96a32 32 0 0132-32zm0 640a32 32 0 0132 32v192a32 32 0 11-64 0V736a32 32 0 0132-32zm448-192a32 32 0 01-32 32H736a32 32 0 110-64h192a32 32 0 0132 32zm-640 0a32 32 0 01-32 32H96a32 32 0 010-64h192a32 32 0 0132 32zM195.2 195.2a32 32 0 0145.248 0L376.32 331.008a32 32 0 01-45.248 45.248L195.2 240.448a32 32 0 010-45.248zm452.544 452.544a32 32 0 0145.248 0L828.8 783.552a32 32 0 01-45.248 45.248L647.744 692.992a32 32 0 010-45.248zM828.8 195.264a32 32 0 010 45.184L692.992 376.32a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0zm-452.544 452.48a32 32 0 010 45.248L240.448 828.8a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0z"
 }, null, -1);
 const _hoisted_3$c = [
-  _hoisted_2$e
+  _hoisted_2$f
 ];
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$c);
+  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"
 });
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$d = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$e = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M160 448a32 32 0 01-32-32V160.064a32 32 0 0132-32h256a32 32 0 0132 32V416a32 32 0 01-32 32H160zm448 0a32 32 0 01-32-32V160.064a32 32 0 0132-32h255.936a32 32 0 0132 32V416a32 32 0 01-32 32H608zM160 896a32 32 0 01-32-32V608a32 32 0 0132-32h256a32 32 0 0132 32v256a32 32 0 01-32 32H160zm448 0a32 32 0 01-32-32V608a32 32 0 0132-32h255.936a32 32 0 0132 32v256a32 32 0 01-32 32H608z"
 }, null, -1);
 const _hoisted_3$b = [
-  _hoisted_2$d
+  _hoisted_2$e
 ];
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$b);
+  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"
 });
-const _hoisted_1$j = {
+const _hoisted_1$k = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$c = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$d = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 00-38.72 14.784 49.408 49.408 0 00-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 00523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0016.192-38.72 51.968 51.968 0 00-15.488-38.016 55.936 55.936 0 00-39.424-14.784z"
 }, null, -1);
 const _hoisted_3$a = [
-  _hoisted_2$c
+  _hoisted_2$d
 ];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$a);
+  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"
 });
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$b = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$c = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M289.088 296.704h92.992a32 32 0 010 64H232.96a32 32 0 01-32-32V179.712a32 32 0 0164 0v50.56a384 384 0 01643.84 282.88 384 384 0 01-383.936 384 384 384 0 01-384-384h64a320 320 0 10640 0 320 320 0 00-555.712-216.448z"
 }, null, -1);
 const _hoisted_3$9 = [
-  _hoisted_2$b
+  _hoisted_2$c
 ];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$9);
+  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$9);
 }
 var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["render", _sfc_render$4]]);
 const _sfc_main$H = defineComponent({
   name: "RemoveFilled"
 });
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$a = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$b = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a448 448 0 110 896 448 448 0 010-896zM288 512a38.4 38.4 0 0038.4 38.4h371.2a38.4 38.4 0 000-76.8H326.4A38.4 38.4 0 00288 512z"
 }, null, -1);
 const _hoisted_3$8 = [
-  _hoisted_2$a
+  _hoisted_2$b
 ];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$8);
+  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"
 });
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$a = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
 }, null, -1);
@@ -2697,53 +2697,53 @@ const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("path", {
   d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 }, null, -1);
 const _hoisted_4$5 = [
-  _hoisted_2$9,
+  _hoisted_2$a,
   _hoisted_3$7
 ];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_4$5);
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_4$5);
 }
 var remove = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["render", _sfc_render$2]]);
 const _sfc_main$F = defineComponent({
   name: "Select"
 });
-const _hoisted_1$f = {
+const _hoisted_1$g = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M77.248 415.04a64 64 0 0190.496 0l226.304 226.304L846.528 188.8a64 64 0 1190.56 90.496l-543.04 543.04-316.8-316.8a64 64 0 010-90.496z"
 }, null, -1);
 const _hoisted_3$6 = [
-  _hoisted_2$8
+  _hoisted_2$9
 ];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$6);
+  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$e = {
+const _hoisted_1$f = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M764.416 254.72a351.68 351.68 0 0186.336 149.184H960v192.064H850.752a351.68 351.68 0 01-86.336 149.312l54.72 94.72-166.272 96-54.592-94.72a352.64 352.64 0 01-172.48 0L371.136 936l-166.272-96 54.72-94.72a351.68 351.68 0 01-86.336-149.312H64v-192h109.248a351.68 351.68 0 0186.336-149.312L204.8 160l166.208-96h.192l54.656 94.592a352.64 352.64 0 01172.48 0L652.8 64h.128L819.2 160l-54.72 94.72zM704 499.968a192 192 0 10-384 0 192 192 0 00384 0z"
 }, null, -1);
 const _hoisted_3$5 = [
-  _hoisted_2$7
+  _hoisted_2$8
 ];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$e, _hoisted_3$5);
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$5);
 }
 var tools = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["render", _sfc_render]]);
 const formManagerProvideKey = Symbol("form-manager");
@@ -2972,6 +2972,15 @@ const _sfc_main$C = defineComponent({
     };
   }
 });
+var index_vue_vue_type_style_index_0_scoped_true_lang$8 = "";
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1$e = { class: "selectable-operate" };
 const __default__$k = {
   name: "SelectableOpearte",
   inheritAttrs: false
@@ -2990,14 +2999,17 @@ const _sfc_main$B = defineComponent({
       return ((_a = props.tableManager) == null ? void 0 : _a.selection) || [];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$C, mergeProps({
-        els: props.els,
-        "execute-data": [executeData.value],
-        context: props.manager
-      }, _ctx.$attrs), null, 16, ["els", "execute-data", "context"]);
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        createVNode(_sfc_main$C, mergeProps({
+          els: props.els,
+          "execute-data": [executeData.value],
+          context: props.manager
+        }, _ctx.$attrs), null, 16, ["els", "execute-data", "context"])
+      ]);
     };
   }
 });
+var SelectableOperate = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-4e4544c2"]]);
 class SearchFormManager extends IManager {
   constructor(form) {
     super();
@@ -4376,6 +4388,81 @@ const _sfc_main$x = defineComponent({
     };
   }
 });
+class ConfigSaver {
+  constructor(scope) {
+    __publicField(this, "scope");
+    this.scope = scope;
+  }
+  getContents() {
+    let value = localStorage.getItem(this.scope);
+    try {
+      return value ? JSON.parse(value) : null;
+    } catch (error) {
+      return null;
+    }
+  }
+  setContents(val) {
+    let saveVal = val;
+    if (typeof val !== "string") {
+      saveVal = JSON.stringify(val);
+    }
+    localStorage.setItem(this.scope, saveVal);
+  }
+  getCharCode(str) {
+    return str ? str.split("").reduce((memo, word) => {
+      return memo += word.charCodeAt(0);
+    }, 0) : 0;
+  }
+  genScopeItemKey(els) {
+    const code = els.map((a, index2) => {
+      var _a, _b;
+      const label = (_a = a.label) != null ? _a : "";
+      const prop = (_b = a.prop) != null ? _b : "";
+      return this.getCharCode(label) + this.getCharCode(prop) + index2;
+    }).reduce((memo, num) => {
+      return memo += num;
+    }, 0);
+    return `key-${code}`;
+  }
+  saveContentItem(els, val) {
+    let result = this.getContents();
+    const key = this.genScopeItemKey(els);
+    if (!result) {
+      result = {};
+    }
+    result[key] = val;
+    this.setContents(result);
+    return key;
+  }
+  getContentItem(els, withKey = false) {
+    let result = this.getContents();
+    if (!result) {
+      if (withKey) {
+        return {
+          scope: null,
+          content: null
+        };
+      } else {
+        return null;
+      }
+    } else {
+      const scope = this.genScopeItemKey(els);
+      const content = result[scope];
+      if (withKey) {
+        return {
+          scope,
+          content
+        };
+      } else {
+        return content;
+      }
+    }
+  }
+}
+const SAVE_NAME$4 = "table-column-filters";
+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 DEFAULT_PAGINATION_CONFIG = {
   show: true,
   pageSizes: [10, 15, 20, 30, 40, 50, 70, 100, 150, 200, 500, 1e3, 2e3, 5e3],
@@ -4413,6 +4500,7 @@ class TableManager extends IManager {
     __publicField(this, "currentPageSelection", []);
     __publicField(this, "sortOrders", ["ascending", "descending", null]);
     __publicField(this, "sortParams", {});
+    __publicField(this, "isInitColumnParams", false);
     __publicField(this, "randomRowKey", null);
     __publicField(this, "columnParamsList", []);
     __publicField(this, "totalEls", []);
@@ -4429,6 +4517,17 @@ class TableManager extends IManager {
     this.propsConfig = config;
     this.init();
   }
+  initColumnParams() {
+    if (!this.table.saveFilter) {
+      return false;
+    }
+    if (this.isInitColumnParams) {
+      return false;
+    }
+    const params = getColumnFilters(this.table.els);
+    this.columnParamsList = params;
+    this.isInitColumnParams = true;
+  }
   get table() {
     var _a;
     return ((_a = this.config) == null ? void 0 : _a.table) || this.propsConfig || {
@@ -4470,6 +4569,9 @@ class TableManager extends IManager {
       return memo;
     }, {});
   }
+  get isColumnSearch() {
+    return this.table.els.some((a) => a.filterable && a.filters);
+  }
   getColumnParams() {
     if (typeof this.table.columnParamsProcessFn === "function") {
       const processResult = this.table.columnParamsProcessFn.call(this, this.columnParamsList);
@@ -4480,7 +4582,9 @@ class TableManager extends IManager {
         return {};
       }
     } else {
-      console.warn("\u672A\u6CE8\u518C\u5217\u7B5B\u9009\u5904\u7406\u51FD\u6570table.columnParamsProcessFn");
+      if (this.isColumnSearch) {
+        console.warn("\u8BF7\u5728\u8868\u683C\u914D\u7F6E\u4E2D\u914D\u7F6EcolumnParamsProcessFn\u51FD\u6570");
+      }
       return {};
     }
   }
@@ -4495,6 +4599,7 @@ class TableManager extends IManager {
     this.updatePagination();
     this.updateProps();
     this.updateEvents();
+    this.initColumnParams();
   }
   updateTotalEls() {
     const els = this.table.els;
@@ -5055,6 +5160,9 @@ class TableManager extends IManager {
   updateCurrentRenderTableEls(els) {
     this.currentRenderTableEls = els;
   }
+  get hiddeenFieldCount() {
+    return this.table.els.length - this.currentRenderTableEls.length;
+  }
   updateInnerFilters(filters) {
     this.innerFilters = filters;
   }
@@ -5131,13 +5239,6 @@ const _sfc_main$w = defineComponent({
   }
 });
 var index_vue_vue_type_style_index_0_scoped_true_lang$7 = "";
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
 const __default__$i = {
   name: "SimplePopover"
 };
@@ -5387,12 +5488,13 @@ const _sfc_main$u = defineComponent({
     };
     const show = (column) => {
       var _a;
+      const filters = column.filters;
       currentColumn.value = {
-        filterMultiple: column.filterMultiple,
+        filterMultiple: filters.filterMultiple,
         prop: column.prop,
-        filterType: column.filterType || FilterItemTypeEnum$1.\u6587\u5B57,
-        filterLabel: column.filterLabel,
-        filterOptions: column.filterOptions ? jsonClone(column.filterOptions) : []
+        filterType: filters.filterType || FilterItemTypeEnum$1.\u6587\u5B57,
+        filterLabel: filters.filterLabel,
+        filterOptions: filters.filterOptions ? jsonClone(filters.filterOptions) : []
       };
       hasCompare.value = [
         FilterItemTypeEnum$1["\u6587\u5B57"],
@@ -5736,10 +5838,10 @@ const _sfc_main$u = defineComponent({
     };
   }
 });
-var FilterZone$1 = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-942c88e6"]]);
+var FilterZone$1 = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-1bc1589a"]]);
 var index_vue_vue_type_style_index_0_lang$7 = "";
-const _hoisted_1$b = ["data-key"];
-const _hoisted_2$6 = {
+const _hoisted_1$b = ["data-key", "title"];
+const _hoisted_2$7 = {
   key: 0,
   style: { "color": "red" }
 };
@@ -5886,11 +5988,14 @@ const _sfc_main$t = defineComponent({
               createElementVNode("div", {
                 class: normalizeClass([
                   "el-table__header-cell",
-                  { dragable: tableManager.value.table.dragable, filterable: column.filterable }
+                  {
+                    dragable: tableManager.value.table.dragable
+                  }
                 ]),
-                "data-key": column._key
+                "data-key": column._key,
+                title: $header.column.label
               }, [
-                column.required ? (openBlock(), createElementBlock("span", _hoisted_2$6, "*")) : createCommentVNode("", true),
+                column.required ? (openBlock(), createElementBlock("span", _hoisted_2$7, "*")) : createCommentVNode("", true),
                 column.helpText || column.icon ? (openBlock(), createBlock(_component_el_icon, {
                   key: 1,
                   title: column.helpText
@@ -5907,6 +6012,10 @@ const _sfc_main$t = defineComponent({
                     "el-table__header-filter",
                     { active: tableManager.value.columnParamsKey[column.prop] }
                   ]),
+                  title: "\u8BBE\u7F6E\u7B5B\u9009",
+                  style: normalizeStyle({
+                    background: tableManager.value.table.props.headerRowStyle.backgroundColor
+                  }),
                   onClick: withModifiers(($event) => showSimplePopover($event.currentTarget, column), ["stop"])
                 }, [
                   createVNode(_component_el_icon, null, {
@@ -5915,7 +6024,7 @@ const _sfc_main$t = defineComponent({
                     ]),
                     _: 1
                   })
-                ], 10, _hoisted_3$4)) : createCommentVNode("", true)
+                ], 14, _hoisted_3$4)) : createCommentVNode("", true)
               ], 10, _hoisted_1$b)
             ]),
             default: withCtx(({ row, $index, column: columnEl }) => [
@@ -7341,77 +7450,6 @@ const _sfc_main$r = defineComponent({
     };
   }
 });
-class ConfigSaver {
-  constructor(scope) {
-    __publicField(this, "scope");
-    this.scope = scope;
-  }
-  getContents() {
-    let value = localStorage.getItem(this.scope);
-    try {
-      return value ? JSON.parse(value) : null;
-    } catch (error) {
-      return null;
-    }
-  }
-  setContents(val) {
-    let saveVal = val;
-    if (typeof val !== "string") {
-      saveVal = JSON.stringify(val);
-    }
-    localStorage.setItem(this.scope, saveVal);
-  }
-  getCharCode(str) {
-    return str ? str.split("").reduce((memo, word) => {
-      return memo += word.charCodeAt(0);
-    }, 0) : 0;
-  }
-  genScopeItemKey(els) {
-    const code = els.map((a, index2) => {
-      var _a, _b;
-      const label = (_a = a.label) != null ? _a : "";
-      const prop = (_b = a.prop) != null ? _b : "";
-      return this.getCharCode(label) + this.getCharCode(prop) + index2;
-    }).reduce((memo, num) => {
-      return memo += num;
-    }, 0);
-    return `key-${code}`;
-  }
-  saveContentItem(els, val) {
-    let result = this.getContents();
-    const key = this.genScopeItemKey(els);
-    if (!result) {
-      result = {};
-    }
-    result[key] = val;
-    this.setContents(result);
-    return key;
-  }
-  getContentItem(els, withKey = false) {
-    let result = this.getContents();
-    if (!result) {
-      if (withKey) {
-        return {
-          scope: null,
-          content: null
-        };
-      } else {
-        return null;
-      }
-    } else {
-      const scope = this.genScopeItemKey(els);
-      const content = result[scope];
-      if (withKey) {
-        return {
-          scope,
-          content
-        };
-      } else {
-        return content;
-      }
-    }
-  }
-}
 const SAVE_NAME$3 = "page-model-config";
 const configSaver$1 = new ConfigSaver(SAVE_NAME$3);
 const saveUserConfig = configSaver$1.saveContentItem.bind(configSaver$1);
@@ -7607,7 +7645,7 @@ 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$5 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("i", {
+const _hoisted_2$6 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("i", {
   class: "pm-icon icon-drag-dot",
   title: "\u62D6\u52A8\u8C03\u6574\u663E\u793A\u987A\u5E8F"
 }, null, -1));
@@ -7761,7 +7799,7 @@ const _sfc_main$p = defineComponent({
                   "onUpdate:modelValue": ($event) => element.userConfigShow = $event,
                   class: normalizeClass(unref(createBEMName)("checkbox"))
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "class"]),
-                _hoisted_2$5,
+                _hoisted_2$6,
                 createElementVNode("span", {
                   title: element.label,
                   class: normalizeClass(unref(createBEMName)("item-label"))
@@ -7834,7 +7872,7 @@ var ColumnTools$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "dat
 var index_vue_vue_type_style_index_0_scoped_true_lang$5 = "";
 const _withScopeId$1 = (n) => (pushScopeId("data-v-15dbe923"), n = n(), popScopeId(), n);
 const _hoisted_1$9 = { key: 0 };
-const _hoisted_2$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "export-wrod" }, "\u4ECE\u7B2C", -1));
+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));
@@ -8079,7 +8117,7 @@ const _sfc_main$o = defineComponent({
                     _: 1
                   }, 8, ["modelValue"]),
                   formData.fromApi ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
-                    _hoisted_2$4,
+                    _hoisted_2$5,
                     createVNode(_component_el_input_number, {
                       modelValue: formData.pageIndex,
                       "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formData.pageIndex = $event),
@@ -8635,7 +8673,6 @@ const _sfc_main$k = defineComponent({
       } catch (error) {
       }
       setTableEls();
-      ElMessage.success("\u4FDD\u5B58\u6210\u529F!");
     };
     const clearSelection = () => {
       tableManager.clearSelection();
@@ -8720,6 +8757,9 @@ const _sfc_main$k = defineComponent({
     };
     const handleColumnScreen = () => {
       emit("column-screen");
+      if (tableManager.table.saveFilter) {
+        saveColumnFilters(tableManager.table.els, tableManager.columnParamsList);
+      }
     };
     onUnmounted(() => {
       tableManager.onUnmounted();
@@ -9116,7 +9156,7 @@ class FormManager extends IManager {
 }
 var index_vue_vue_type_style_index_0_scoped_true_lang$3 = "";
 const _hoisted_1$7 = ["onClick"];
-const _hoisted_2$3 = { class: "section-item__title-text" };
+const _hoisted_2$4 = { class: "section-item__title-text" };
 const __default__$a = {
   name: "SectionTitleEl"
 };
@@ -9207,7 +9247,7 @@ const _sfc_main$j = defineComponent({
               class: "section-item__title",
               onClick: ($event) => toggleSectionHidden(index2)
             }, [
-              createElementVNode("span", _hoisted_2$3, toDisplayString(section.text), 1),
+              createElementVNode("span", _hoisted_2$4, toDisplayString(section.text), 1),
               isUseCollapseList.value[index2] ? (openBlock(), createBlock(_component_el_icon, {
                 key: 0,
                 size: 16
@@ -9508,7 +9548,7 @@ 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$2 = {
+const _hoisted_2$3 = {
   key: 1,
   style: { "color": "#999" }
 };
@@ -9715,7 +9755,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$2, "\u672A\u914D\u7F6E"))
+                              element.sectionName ? (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(element.sectionName), 1)) : (openBlock(), createElementBlock("span", _hoisted_2$3, "\u672A\u914D\u7F6E"))
                             ], 2),
                             createElementVNode("div", {
                               class: normalizeClass(unref(createBEMName)("cell"))
@@ -11192,7 +11232,7 @@ const _sfc_main$6 = defineComponent({
 });
 var index_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
 const _hoisted_1$3 = { class: "table-toolbox" };
-const _hoisted_2$1 = ["onClick"];
+const _hoisted_2$2 = ["onClick"];
 const __default__$4 = {
   name: "TableToolsbox"
 };
@@ -11200,7 +11240,9 @@ const _sfc_main$5 = defineComponent({
   ...__default__$4,
   props: {
     toolbox: {},
-    extendsToolbox: {}
+    extendsToolbox: {},
+    mode: { default: "icon" },
+    tableManager: {}
   },
   emits: ["custom-event"],
   setup(__props, { emit: __emit }) {
@@ -11209,22 +11251,34 @@ const _sfc_main$5 = defineComponent({
     const innerTools = {
       export: {
         icon: download,
-        text: "\u5BFC\u51FA\u8868\u683C",
-        event: "export"
+        text: "\u5BFC\u51FA\u6570\u636E",
+        event: "export",
+        desc: ""
       },
       fullscreen: {
         icon: fullScreen,
         text: "\u5207\u6362\u5168\u5C4F",
-        event: "fullscreen"
+        event: "fullscreen",
+        desc: ""
       },
       "colunm-tool": {
-        icon: tools,
-        text: "\u5217\u8BBE\u7F6E",
-        event: "show-column-tool"
+        icon: menu,
+        text: "\u5B57\u6BB5\u7BA1\u7406",
+        event: "show-column-tool",
+        desc: ""
       }
     };
     const showToolbox = computed(() => {
-      const _innerTools = props.toolbox ? props.toolbox.map((toolKey) => innerTools[toolKey]) : [];
+      const _innerTools = props.toolbox ? props.toolbox.map((toolKey) => innerTools[toolKey]).map((item) => {
+        let desc = "";
+        if (item.event === "show-column-tool" && props.tableManager) {
+          desc = props.tableManager.hiddeenFieldCount ? `(${props.tableManager.hiddeenFieldCount} \u9690\u85CF)` : "";
+        }
+        return {
+          ...item,
+          desc
+        };
+      }) : [];
       const extendsTools = (props.extendsToolbox || []).filter(
         (item) => typeof item.icon === "object"
       );
@@ -11237,8 +11291,9 @@ const _sfc_main$5 = defineComponent({
     return (_ctx, _cache) => {
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_button = resolveComponent("el-button");
       return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(showToolbox.value, (tool, index2) => {
+        _ctx.mode === "icon" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(showToolbox.value, (tool, index2) => {
           return openBlock(), createElementBlock("div", {
             class: "tool-item",
             key: index2,
@@ -11259,13 +11314,30 @@ const _sfc_main$5 = defineComponent({
               ]),
               _: 2
             }, 1032, ["content"])
-          ], 8, _hoisted_2$1);
+          ], 8, _hoisted_2$2);
+        }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(showToolbox.value, (tool, index2) => {
+          return openBlock(), createBlock(_component_el_button, {
+            key: index2,
+            text: "",
+            onClick: ($event) => handleClickTool(index2, $event)
+          }, {
+            default: withCtx(() => [
+              tool.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent({ ...tool.icon })))
+                ]),
+                _: 2
+              }, 1024)) : createCommentVNode("", true),
+              createElementVNode("span", null, toDisplayString(tool.text) + toDisplayString(tool.desc), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"]);
         }), 128))
       ]);
     };
   }
 });
-var TableToolsbox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-cff47a5e"]]);
+var TableToolsbox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-1dde1e4b"]]);
 function patchConfig(config, patches) {
   return patches.reduce((memoConfig, patchFn) => {
     return patchFn.call(this, memoConfig);
@@ -11422,6 +11494,7 @@ function useAuthButtons(props, injectValue) {
 }
 var index_vue_vue_type_style_index_0_lang$1 = "";
 const _hoisted_1$2 = { key: 0 };
+const _hoisted_2$1 = { style: { "white-space": "nowrap" } };
 const __default__$3 = {
   name: "PageModel"
 };
@@ -11504,6 +11577,10 @@ const _sfc_main$4 = defineComponent({
       const table = manager.config.table;
       return ((_a = table == null ? void 0 : table.toolbox) == null ? void 0 : _a.length) || ((_b = table == null ? void 0 : table.extendsToolbox) == null ? void 0 : _b.length);
     });
+    const toolboxShowAsButton = computed(() => {
+      const table = manager.config.table;
+      return (table == null ? void 0 : table.toolboxShowMode) === "button";
+    });
     const showSelectableButtonsArea = computed(() => {
       const tableConfig = manager.config.table;
       return hasSelectableActions.value && (tableConfig.selectable || tableConfig.selectableButtonLiveAlone) || hasFilterTools.value || hasTableToolbox.value;
@@ -11859,14 +11936,24 @@ const _sfc_main$4 = defineComponent({
               }, [
                 createVNode(_component_el_scrollbar, null, {
                   default: withCtx(() => [
-                    hasSelectableActions.value ? (openBlock(), createBlock(_sfc_main$B, {
-                      key: 0,
-                      els: manager.config.table.selectableButtons,
-                      tableManager: manager.tableManager,
-                      manager,
-                      onCustom: handleCustomEvent,
-                      onAdd: handleAddEvent
-                    }, null, 8, ["els", "tableManager", "manager"])) : createCommentVNode("", true)
+                    createElementVNode("div", _hoisted_2$1, [
+                      hasSelectableActions.value ? (openBlock(), createBlock(SelectableOperate, {
+                        key: 0,
+                        els: manager.config.table.selectableButtons,
+                        tableManager: manager.tableManager,
+                        manager,
+                        onCustom: handleCustomEvent,
+                        onAdd: handleAddEvent
+                      }, null, 8, ["els", "tableManager", "manager"])) : createCommentVNode("", true),
+                      hasTableToolbox.value && toolboxShowAsButton.value ? (openBlock(), createBlock(TableToolsbox, {
+                        key: 1,
+                        mode: "button",
+                        tableManager: manager.tableManager,
+                        toolbox: manager.config.table.toolbox,
+                        extendsToolbox: manager.config.table.extendsToolbox,
+                        onCustomEvent: handleToolboxCustomEvent
+                      }, null, 8, ["tableManager", "toolbox", "extendsToolbox"])) : createCommentVNode("", true)
+                    ])
                   ]),
                   _: 1
                 })
@@ -11882,14 +11969,11 @@ const _sfc_main$4 = defineComponent({
                   manager,
                   onScreen: handleInnerScreen
                 }, null, 8, ["manager"])) : createCommentVNode("", true),
-                hasTableToolbox.value ? (openBlock(), createBlock(TableToolsbox, {
+                hasTableToolbox.value && !toolboxShowAsButton.value ? (openBlock(), createBlock(TableToolsbox, {
                   key: 1,
                   toolbox: manager.config.table.toolbox,
                   extendsToolbox: manager.config.table.extendsToolbox,
-                  onCustomEvent: handleToolboxCustomEvent,
-                  onExport: showExport,
-                  onFullscreen: handleToggleTableFullscreen,
-                  onShowColumnTool: handleShowColumnTool
+                  onCustomEvent: handleToolboxCustomEvent
                 }, null, 8, ["toolbox", "extendsToolbox"])) : createCommentVNode("", true)
               ], 2)
             ], 2)) : createCommentVNode("", true),
@@ -12827,7 +12911,7 @@ const defineEditableTable = function(config) {
 };
 var iconfont = "";
 const name = "@juzhenfe/page-model";
-const version = "3.13.3";
+const version = "3.14.0";
 const types = "dist/main.d.ts";
 const main = "dist/index.umd.js";
 const keywords = [