@juzhenfe/page-model 3.18.91 → 3.18.93

package/dist/index.es.js

@@ -212,11 +212,11 @@ const randomStr = (len = 16) => {
     return RANDOM_RANGE[Math.floor(Math.random() * RANDOM_RANGE_LENGTH)];
   }).join("");
 };
-const _hoisted_1$J = { class: "scenes-tab" };
+const _hoisted_1$K = { class: "scenes-tab" };
 const __default__$o = {
   name: "ScenesTab"
 };
-const _sfc_main$18 = defineComponent({
+const _sfc_main$19 = defineComponent({
   ...__default__$o,
   setup(__props, { expose: __expose }) {
     const getValue2 = () => {
@@ -226,7 +226,7 @@ const _sfc_main$18 = defineComponent({
       getValue: getValue2
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$J);
+      return openBlock(), createElementBlock("div", _hoisted_1$K);
     };
   }
 });
@@ -234,7 +234,7 @@ var index_vue_vue_type_style_index_0_lang$c = "";
 const __default__$n = {
   name: "NormalTab"
 };
-const _sfc_main$17 = defineComponent({
+const _sfc_main$18 = defineComponent({
   ...__default__$n,
   props: {
     panes: {},
@@ -1687,7 +1687,7 @@ var index_vue_vue_type_style_index_0_lang$b = "";
 const __default__$m = {
   name: "TopTabs"
 };
-const _sfc_main$16 = defineComponent({
+const _sfc_main$17 = defineComponent({
   ...__default__$m,
   props: {
     tabs: {},
@@ -1708,12 +1708,12 @@ const _sfc_main$16 = defineComponent({
     const tabComponent = computed(() => {
       if (props.tabs.useScene) {
         return {
-          component: _sfc_main$18,
+          component: _sfc_main$19,
           props: props.tabs.sceneTab
         };
       } else {
         return {
-          component: _sfc_main$17,
+          component: _sfc_main$18,
           props: {
             panes: props.tabs.panes,
             props: props.tabs.props
@@ -1753,9 +1753,30 @@ var _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$15 = defineComponent({
+const _sfc_main$16 = defineComponent({
   name: "ArrowDownBold"
 });
+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$z = /* @__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$w = [
+  _hoisted_2$z
+];
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$J, _hoisted_3$w);
+}
+var arrowDownBold = /* @__PURE__ */ _export_sfc$1(_sfc_main$16, [["render", _sfc_render$p]]);
+const _sfc_main$15 = defineComponent({
+  name: "ArrowDown"
+});
 const _hoisted_1$I = {
   class: "icon",
   width: "200",
@@ -1765,7 +1786,7 @@ const _hoisted_1$I = {
 };
 const _hoisted_2$y = /* @__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: "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$v = [
   _hoisted_2$y
@@ -1773,9 +1794,9 @@ const _hoisted_3$v = [
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$I, _hoisted_3$v);
 }
-var arrowDownBold = /* @__PURE__ */ _export_sfc$1(_sfc_main$15, [["render", _sfc_render$o]]);
+var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$15, [["render", _sfc_render$o]]);
 const _sfc_main$14 = defineComponent({
-  name: "ArrowDown"
+  name: "CaretBottom"
 });
 const _hoisted_1$H = {
   class: "icon",
@@ -1786,7 +1807,7 @@ const _hoisted_1$H = {
 };
 const _hoisted_2$x = /* @__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: "M192 384l320 384 320-384z"
 }, null, -1);
 const _hoisted_3$u = [
   _hoisted_2$x
@@ -1794,9 +1815,9 @@ const _hoisted_3$u = [
 function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$H, _hoisted_3$u);
 }
-var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$14, [["render", _sfc_render$n]]);
+var caretBottom = /* @__PURE__ */ _export_sfc$1(_sfc_main$14, [["render", _sfc_render$n]]);
 const _sfc_main$13 = defineComponent({
-  name: "CaretBottom"
+  name: "CaretRight"
 });
 const _hoisted_1$G = {
   class: "icon",
@@ -1807,7 +1828,7 @@ const _hoisted_1$G = {
 };
 const _hoisted_2$w = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M192 384l320 384 320-384z"
+  d: "M384 192v640l384-320.064z"
 }, null, -1);
 const _hoisted_3$t = [
   _hoisted_2$w
@@ -1815,9 +1836,9 @@ const _hoisted_3$t = [
 function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$G, _hoisted_3$t);
 }
-var caretBottom = /* @__PURE__ */ _export_sfc$1(_sfc_main$13, [["render", _sfc_render$m]]);
+var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$13, [["render", _sfc_render$m]]);
 const _sfc_main$12 = defineComponent({
-  name: "CaretRight"
+  name: "CaretTop"
 });
 const _hoisted_1$F = {
   class: "icon",
@@ -1828,7 +1849,7 @@ const _hoisted_1$F = {
 };
 const _hoisted_2$v = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M384 192v640l384-320.064z"
+  d: "M512 320L192 704h639.936z"
 }, null, -1);
 const _hoisted_3$s = [
   _hoisted_2$v
@@ -1836,9 +1857,9 @@ const _hoisted_3$s = [
 function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$F, _hoisted_3$s);
 }
-var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$12, [["render", _sfc_render$l]]);
+var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$12, [["render", _sfc_render$l]]);
 const _sfc_main$11 = defineComponent({
-  name: "CaretTop"
+  name: "CirclePlusFilled"
 });
 const _hoisted_1$E = {
   class: "icon",
@@ -1849,7 +1870,7 @@ const _hoisted_1$E = {
 };
 const _hoisted_2$u = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M512 320L192 704h639.936z"
+  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$r = [
   _hoisted_2$u
@@ -1857,9 +1878,9 @@ const _hoisted_3$r = [
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$E, _hoisted_3$r);
 }
-var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$11, [["render", _sfc_render$k]]);
+var circlePlusFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$11, [["render", _sfc_render$k]]);
 const _sfc_main$10 = defineComponent({
-  name: "CirclePlusFilled"
+  name: "CirclePlus"
 });
 const _hoisted_1$D = {
   class: "icon",
@@ -1870,17 +1891,27 @@ const _hoisted_1$D = {
 };
 const _hoisted_2$t = /* @__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: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
+}, null, -1);
+const _hoisted_3$q = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M480 672V352a32 32 0 1164 0v320a32 32 0 01-64 0z"
 }, null, -1);
-const _hoisted_3$q = [
-  _hoisted_2$t
+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$t,
+  _hoisted_3$q,
+  _hoisted_4$8
 ];
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_5$5);
 }
-var circlePlusFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$10, [["render", _sfc_render$j]]);
+var circlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$10, [["render", _sfc_render$j]]);
 const _sfc_main$$ = defineComponent({
-  name: "CirclePlus"
+  name: "Download"
 });
 const _hoisted_1$C = {
   class: "icon",
@@ -1891,27 +1922,17 @@ const _hoisted_1$C = {
 };
 const _hoisted_2$s = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
-}, null, -1);
-const _hoisted_3$p = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M480 672V352a32 32 0 1164 0v320a32 32 0 01-64 0z"
-}, null, -1);
-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"
+  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_5$5 = [
-  _hoisted_2$s,
-  _hoisted_3$p,
-  _hoisted_4$8
+const _hoisted_3$p = [
+  _hoisted_2$s
 ];
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_5$5);
+  return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_3$p);
 }
-var circlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$$, [["render", _sfc_render$i]]);
+var download = /* @__PURE__ */ _export_sfc$1(_sfc_main$$, [["render", _sfc_render$i]]);
 const _sfc_main$_ = defineComponent({
-  name: "Download"
+  name: "Edit"
 });
 const _hoisted_1$B = {
   class: "icon",
@@ -1922,17 +1943,22 @@ const _hoisted_1$B = {
 };
 const _hoisted_2$r = /* @__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: "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$o = [
-  _hoisted_2$r
+const _hoisted_3$o = /* @__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_4$7 = [
+  _hoisted_2$r,
+  _hoisted_3$o
 ];
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$B, _hoisted_3$o);
+  return openBlock(), createElementBlock("svg", _hoisted_1$B, _hoisted_4$7);
 }
-var download = /* @__PURE__ */ _export_sfc$1(_sfc_main$_, [["render", _sfc_render$h]]);
+var edit = /* @__PURE__ */ _export_sfc$1(_sfc_main$_, [["render", _sfc_render$h]]);
 const _sfc_main$Z = defineComponent({
-  name: "Edit"
+  name: "Filter"
 });
 const _hoisted_1$A = {
   class: "icon",
@@ -1943,22 +1969,17 @@ const _hoisted_1$A = {
 };
 const _hoisted_2$q = /* @__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$n = /* @__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: "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_4$7 = [
-  _hoisted_2$q,
-  _hoisted_3$n
+const _hoisted_3$n = [
+  _hoisted_2$q
 ];
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_4$7);
+  return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_3$n);
 }
-var edit = /* @__PURE__ */ _export_sfc$1(_sfc_main$Z, [["render", _sfc_render$g]]);
+var filter = /* @__PURE__ */ _export_sfc$1(_sfc_main$Z, [["render", _sfc_render$g]]);
 const _sfc_main$Y = defineComponent({
-  name: "Filter"
+  name: "FullScreen"
 });
 const _hoisted_1$z = {
   class: "icon",
@@ -1969,7 +1990,7 @@ const _hoisted_1$z = {
 };
 const _hoisted_2$p = /* @__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: "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$m = [
   _hoisted_2$p
@@ -1977,9 +1998,9 @@ const _hoisted_3$m = [
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_3$m);
 }
-var filter = /* @__PURE__ */ _export_sfc$1(_sfc_main$Y, [["render", _sfc_render$f]]);
+var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$Y, [["render", _sfc_render$f]]);
 const _sfc_main$X = defineComponent({
-  name: "FullScreen"
+  name: "Grid"
 });
 const _hoisted_1$y = {
   class: "icon",
@@ -1990,7 +2011,7 @@ const _hoisted_1$y = {
 };
 const _hoisted_2$o = /* @__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: "M640 384v256H384V384h256zm64 0h192v256H704V384zm-64 512H384V704h256v192zm64 0V704h192v192H704zm-64-768v192H384V128h256zm64 0h192v192H704V128zM320 384v256H128V384h192zm0 512H128V704h192v192zm0-768v192H128V128h192z"
 }, null, -1);
 const _hoisted_3$l = [
   _hoisted_2$o
@@ -1998,9 +2019,9 @@ const _hoisted_3$l = [
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_3$l);
 }
-var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$X, [["render", _sfc_render$e]]);
+var grid = /* @__PURE__ */ _export_sfc$1(_sfc_main$X, [["render", _sfc_render$e]]);
 const _sfc_main$W = defineComponent({
-  name: "Grid"
+  name: "InfoFilled"
 });
 const _hoisted_1$x = {
   class: "icon",
@@ -2011,7 +2032,7 @@ const _hoisted_1$x = {
 };
 const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M640 384v256H384V384h256zm64 0h192v256H704V384zm-64 512H384V704h256v192zm64 0V704h192v192H704zm-64-768v192H384V128h256zm64 0h192v192H704V128zM320 384v256H128V384h192zm0 512H128V704h192v192zm0-768v192H128V128h192z"
+  d: "M512 64a448 448 0 110 896.064A448 448 0 01512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 01-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 017.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
 }, null, -1);
 const _hoisted_3$k = [
   _hoisted_2$n
@@ -2019,9 +2040,9 @@ const _hoisted_3$k = [
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_3$k);
 }
-var grid = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["render", _sfc_render$d]]);
+var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["render", _sfc_render$d]]);
 const _sfc_main$V = defineComponent({
-  name: "InfoFilled"
+  name: "Loading"
 });
 const _hoisted_1$w = {
   class: "icon",
@@ -2032,7 +2053,7 @@ const _hoisted_1$w = {
 };
 const _hoisted_2$m = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M512 64a448 448 0 110 896.064A448 448 0 01512 64zm67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344zM590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.992 12.992 0 01-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 017.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
+  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$j = [
   _hoisted_2$m
@@ -2040,9 +2061,9 @@ const _hoisted_3$j = [
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$j);
 }
-var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["render", _sfc_render$c]]);
+var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["render", _sfc_render$c]]);
 const _sfc_main$U = defineComponent({
-  name: "Loading"
+  name: "Menu"
 });
 const _hoisted_1$v = {
   class: "icon",
@@ -2053,7 +2074,7 @@ const _hoisted_1$v = {
 };
 const _hoisted_2$l = /* @__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: "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$i = [
   _hoisted_2$l
@@ -2061,9 +2082,9 @@ const _hoisted_3$i = [
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$i);
 }
-var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["render", _sfc_render$b]]);
+var menu = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["render", _sfc_render$b]]);
 const _sfc_main$T = defineComponent({
-  name: "Menu"
+  name: "Operation"
 });
 const _hoisted_1$u = {
   class: "icon",
@@ -2074,7 +2095,7 @@ const _hoisted_1$u = {
 };
 const _hoisted_2$k = /* @__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: "M389.44 768a96.064 96.064 0 01181.12 0H896v64H570.56a96.064 96.064 0 01-181.12 0H128v-64h261.44zm192-288a96.064 96.064 0 01181.12 0H896v64H762.56a96.064 96.064 0 01-181.12 0H128v-64h453.44zm-320-288a96.064 96.064 0 01181.12 0H896v64H442.56a96.064 96.064 0 01-181.12 0H128v-64h133.44z"
 }, null, -1);
 const _hoisted_3$h = [
   _hoisted_2$k
@@ -2082,9 +2103,9 @@ const _hoisted_3$h = [
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$h);
 }
-var menu = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["render", _sfc_render$a]]);
+var operation = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["render", _sfc_render$a]]);
 const _sfc_main$S = defineComponent({
-  name: "Operation"
+  name: "Plus"
 });
 const _hoisted_1$t = {
   class: "icon",
@@ -2095,7 +2116,7 @@ const _hoisted_1$t = {
 };
 const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M389.44 768a96.064 96.064 0 01181.12 0H896v64H570.56a96.064 96.064 0 01-181.12 0H128v-64h261.44zm192-288a96.064 96.064 0 01181.12 0H896v64H762.56a96.064 96.064 0 01-181.12 0H128v-64h453.44zm-320-288a96.064 96.064 0 01181.12 0H896v64H442.56a96.064 96.064 0 01-181.12 0H128v-64h133.44z"
+  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$g = [
   _hoisted_2$j
@@ -2103,9 +2124,9 @@ const _hoisted_3$g = [
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$g);
 }
-var operation = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["render", _sfc_render$9]]);
+var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["render", _sfc_render$9]]);
 const _sfc_main$R = defineComponent({
-  name: "Plus"
+  name: "QuestionFilled"
 });
 const _hoisted_1$s = {
   class: "icon",
@@ -2116,7 +2137,7 @@ const _hoisted_1$s = {
 };
 const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
-  d: "M480 480V128a32 32 0 0164 0v352h352a32 32 0 110 64H544v352a32 32 0 11-64 0V544H128a32 32 0 010-64h352z"
+  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$f = [
   _hoisted_2$i
@@ -2124,9 +2145,9 @@ const _hoisted_3$f = [
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$f);
 }
-var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["render", _sfc_render$8]]);
+var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["render", _sfc_render$8]]);
 const _sfc_main$Q = defineComponent({
-  name: "QuestionFilled"
+  name: "RefreshLeft"
 });
 const _hoisted_1$r = {
   class: "icon",
@@ -2137,7 +2158,7 @@ const _hoisted_1$r = {
 };
 const _hoisted_2$h = /* @__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: "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$e = [
   _hoisted_2$h
@@ -2145,9 +2166,9 @@ const _hoisted_3$e = [
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$e);
 }
-var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$7]]);
+var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$7]]);
 const _sfc_main$P = defineComponent({
-  name: "RefreshLeft"
+  name: "Refresh"
 });
 const _hoisted_1$q = {
   class: "icon",
@@ -2158,7 +2179,7 @@ const _hoisted_1$q = {
 };
 const _hoisted_2$g = /* @__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: "M771.776 794.88A384 384 0 01128 512h64a320 320 0 00555.712 216.448H654.72a32 32 0 110-64h149.056a32 32 0 0132 32v148.928a32 32 0 11-64 0v-50.56zM276.288 295.616h92.992a32 32 0 010 64H220.16a32 32 0 01-32-32V178.56a32 32 0 0164 0v50.56A384 384 0 01896.128 512h-64a320 320 0 00-555.776-216.384z"
 }, null, -1);
 const _hoisted_3$d = [
   _hoisted_2$g
@@ -2166,7 +2187,7 @@ const _hoisted_3$d = [
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$d);
 }
-var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$6]]);
+var refresh = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$6]]);
 const _sfc_main$O = defineComponent({
   name: "RemoveFilled"
 });
@@ -13031,7 +13052,7 @@ const _sfc_main$6 = defineComponent({
 });
 var LineClampTools = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-71d3e62f"]]);
 var index_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
-const _hoisted_1$3 = ["data-event", "onClick"];
+const _hoisted_1$3 = ["data-event", "disabled", "onClick"];
 const __default__$4 = {
   name: "TableToolsbox"
 };
@@ -13047,6 +13068,10 @@ const _sfc_main$5 = defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const isLoading = computed(() => {
+      var _a;
+      return (_a = props.tableManager) == null ? void 0 : _a.loadingData;
+    });
     const innerTools = {
       export: {
         icon: download,
@@ -13089,6 +13114,12 @@ const _sfc_main$5 = defineComponent({
         event: "line-clamp",
         desc: "",
         bg: false
+      },
+      refresh: {
+        icon: refresh,
+        text: "\u5237\u65B0",
+        event: "refresh",
+        desc: ""
       }
     };
     const showToolbox = computed(() => {
@@ -13098,6 +13129,7 @@ const _sfc_main$5 = defineComponent({
         var _a;
         let desc = "";
         let bg = false;
+        let loading2 = false;
         if (item.event === "show-column-tool" && tableManager) {
           desc = tableManager.hiddeenFieldCount ? `(${tableManager.hiddeenFieldCount} \u9690\u85CF)` : "";
           bg = tableManager.isColumnToolsVisible || tableManager.hiddeenFieldCount > 0;
@@ -13115,11 +13147,22 @@ const _sfc_main$5 = defineComponent({
           bg = manager.isSortPopupVisible || tableManager.columnSortParamsList.length > 0;
         } else if (item.event === "line-clamp" && tableManager) {
           bg = manager.isLineClampPopupVisible;
+        } else if (item.event === "refresh" && tableManager) {
+          if (isLoading.value) {
+            loading2 = true;
+            if (props.mode === "button") {
+              item.icon = null;
+            }
+          } else {
+            loading2 = false;
+            item.icon = refresh;
+          }
         }
         return {
           ...item,
           desc,
-          bg
+          bg,
+          loading: loading2
         };
       }) : [];
       const extendsTools = (props.extendsToolbox || []).filter(
@@ -13129,6 +13172,9 @@ const _sfc_main$5 = defineComponent({
     });
     const handleClickTool = (index2, e) => {
       const item = showToolbox.value[index2];
+      if (item.event === "refresh" && isLoading.value) {
+        return;
+      }
       emit("custom-event", item.event, item, e);
     };
     const toolboxRef = ref(null);
@@ -13158,6 +13204,7 @@ const _sfc_main$5 = defineComponent({
             class: "tool-item",
             key: index2,
             "data-event": tool.event,
+            disabled: tool.loading,
             onClick: ($event) => handleClickTool(index2, $event)
           }, [
             createVNode(_component_el_tooltip, {
@@ -13182,6 +13229,7 @@ const _sfc_main$5 = defineComponent({
             text: "",
             "data-event": tool.event,
             bg: tool.bg,
+            loading: tool.loading,
             onClick: ($event) => handleClickTool(index2, $event)
           }, {
             default: withCtx(() => [
@@ -13194,13 +13242,13 @@ const _sfc_main$5 = defineComponent({
               createElementVNode("span", null, toDisplayString(tool.text) + toDisplayString(tool.desc), 1)
             ]),
             _: 2
-          }, 1032, ["data-event", "bg", "onClick"]);
+          }, 1032, ["data-event", "bg", "loading", "onClick"]);
         }), 128))
       ], 512);
     };
   }
 });
-var TableToolsbox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-1cb56382"]]);
+var TableToolsbox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-836e4be0"]]);
 function patchConfig(config, patches) {
   return patches.reduce((memoConfig, patchFn) => {
     return patchFn.call(this, memoConfig);
@@ -13791,6 +13839,9 @@ const _sfc_main$4 = defineComponent({
         case "line-clamp":
           handleShowLineClamp(item, event);
           break;
+        case "refresh":
+          refreshTableData();
+          break;
         default:
           emitCustomEvent(eventName);
           break;
@@ -13871,7 +13922,7 @@ const _sfc_main$4 = defineComponent({
               key: 0,
               class: normalizeClass(unref(createBEMName)("top-tabs"))
             }, [
-              hasTabs.value ? (openBlock(), createBlock(_sfc_main$16, {
+              hasTabs.value ? (openBlock(), createBlock(_sfc_main$17, {
                 key: 0,
                 tabs: uConfig.value.tabs,
                 manager,
@@ -14440,11 +14491,14 @@ const _hoisted_1 = {
   class: "filterable-wrap"
 };
 const _hoisted_2 = { class: "editable-table-index" };
-const _hoisted_3 = { class: "el-table__header-cell" };
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 0,
   class: "column-required"
 };
+const _hoisted_4 = {
+  key: 2,
+  class: "column-header-tool"
+};
 const _hoisted_5 = { key: 1 };
 const _hoisted_6 = {
   key: 1,
@@ -14764,6 +14818,7 @@ const _sfc_main = defineComponent({
       const _component_el_input = resolveComponent("el-input");
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
       const _component_el_popover = resolveComponent("el-popover");
       const _component_el_table = resolveComponent("el-table");
       return openBlock(), createElementBlock("div", {
@@ -14841,19 +14896,33 @@ const _sfc_main = defineComponent({
                 ref_for: true
               }, column.props), {
                 header: withCtx(($header) => [
-                  createElementVNode("div", _hoisted_3, [
-                    column.required ? (openBlock(), createElementBlock("span", _hoisted_4, "*")) : createCommentVNode("", true),
+                  createElementVNode("div", {
+                    class: normalizeClass([
+                      "el-table__header-cell",
+                      { "with-tool": !!column.headerToolRenderFn }
+                    ])
+                  }, [
+                    column.required ? (openBlock(), createElementBlock("span", _hoisted_3, "*")) : createCommentVNode("", true),
                     createElementVNode("span", null, toDisplayString($header.column.label || ""), 1),
-                    column.helpText ? (openBlock(), createBlock(_component_el_icon, {
+                    column.helpText ? (openBlock(), createBlock(_component_el_tooltip, {
                       key: 1,
-                      title: column.helpText
+                      content: column.helpText,
+                      placement: "top"
                     }, {
                       default: withCtx(() => [
-                        createVNode(unref(questionFilled))
+                        createVNode(_component_el_icon, { size: 12 }, {
+                          default: withCtx(() => [
+                            createVNode(unref(questionFilled))
+                          ]),
+                          _: 1
+                        })
                       ]),
                       _: 2
-                    }, 1032, ["title"])) : createCommentVNode("", true)
-                  ])
+                    }, 1032, ["content"])) : createCommentVNode("", true),
+                    column.headerToolRenderFn ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                      (openBlock(), createBlock(resolveDynamicComponent(column.headerToolRenderFn(column, index2))))
+                    ])) : createCommentVNode("", true)
+                  ], 2)
                 ]),
                 default: withCtx(({ row, $index }) => [
                   createVNode(_sfc_main$3, {
@@ -14932,13 +15001,13 @@ const _sfc_main = defineComponent({
     };
   }
 });
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-23c3bb37"]]);
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-74a9f391"]]);
 const defineEditableTable = function(config) {
   return reactive(config);
 };
 var iconfont = "";
 const name = "@juzhenfe/page-model";
-const version = "3.18.91";
+const version = "3.18.93";
 const types = "dist/main.d.ts";
 const main = "dist/index.umd.js";
 const keywords = [