@done-coding/admin-core 0.0.1-alpha.1 → 0.1.0

package/es/components/list-page/ListPage.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./ListPage.vue2.mjs";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c9564dc7"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-767c1592"]]);
 export {
-  m as default
+  p as default
 };

package/es/components/list-page/ListPage.vue2.mjs

@@ -1,20 +1,20 @@
-import { ElLoadingDirective as Z } from "element-plus/es";
+import { ElLoadingDirective as te } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/loading/style/css";
-import { defineComponent as ee, useCssVars as te, unref as r, ref as u, shallowRef as R, inject as re, computed as o, watch as ae, withDirectives as ne, openBlock as j, createElementBlock as oe, createVNode as k, mergeProps as v, createSlots as F, renderList as y, withCtx as h, renderSlot as m, normalizeProps as T, guardReactiveProps as $, createBlock as se, createCommentVNode as ie } from "vue";
-import le from "../form/FormSearch.vue.mjs";
-import { generateFormData as ce, stringifyFormData as ue } from "../form/utils.mjs";
-import fe from "../display/WatchSize.vue.mjs";
-import ge from "../table/TableMain.vue.mjs";
-import he from "lodash/pick";
-import me from "lodash/cloneDeep";
-import { BODY_CONTENT_VIEWPORT_HEIGHT as de } from "../../inject/key.mjs";
-const pe = {
+import { defineComponent as re, useCssVars as ae, unref as a, useModel as oe, ref as c, shallowRef as O, inject as ne, computed as s, watch as se, withDirectives as ie, openBlock as j, createElementBlock as le, createVNode as k, mergeProps as y, createSlots as F, renderList as S, withCtx as g, renderSlot as d, normalizeProps as T, guardReactiveProps as $, createBlock as ue, createCommentVNode as ce, mergeModels as A } from "vue";
+import fe from "../form/FormSearch.vue.mjs";
+import { generateFormData as he, stringifyFormData as ge } from "../form/utils.mjs";
+import de from "../display/WatchSize.vue.mjs";
+import me from "../table/TableMain.vue.mjs";
+import pe from "lodash/pick";
+import ve from "lodash/cloneDeep";
+import { BODY_CONTENT_VIEWPORT_HEIGHT as ye } from "../../inject/key.mjs";
+const Se = {
   "element-loading-background": "rgba(122, 122, 122, 0.5)",
   class: "list-page"
-}, Re = /* @__PURE__ */ ee({
+}, ke = /* @__PURE__ */ re({
   __name: "ListPage",
-  props: {
+  props: /* @__PURE__ */ A({
     staticQuery: { default: () => ({}) },
     formSearchProps: {},
     columns: {},
@@ -29,56 +29,59 @@ const pe = {
     injectInfo: {},
     beforeSearch: {},
     clearTableFilterOnReset: { type: Boolean }
-  },
-  emits: ["dataChange", "pageInfoChange"],
-  setup(s, { expose: M, emit: x }) {
-    te((e) => ({
-      f49642f0: r(N)
+  }, {
+    isAutoRefresh: { type: Boolean },
+    isAutoRefreshModifiers: {}
+  }),
+  emits: /* @__PURE__ */ A(["dataChange", "pageInfoChange"], ["update:isAutoRefresh"]),
+  setup(n, { expose: x, emit: B }) {
+    ae((e) => ({
+      v036568fb: a(q)
     }));
-    const a = s, S = x, d = u({}), p = u(
+    const o = n, b = B, m = oe(n, "isAutoRefresh"), p = c({}), v = c(
       {}
-    ), b = u(!1), i = R(), c = R(), E = re(
-      de,
+    ), C = c(!1), i = O(), u = O(), E = ne(
+      ye,
       500
-    ), C = u(0), H = u(0), V = o(() => ({
-      ...p.value,
-      ...a.staticQuery
-    })), w = u(!1), B = o(() => w.value ? C.value + 10 : 0), K = o(() => a.showOperation ? H.value + 10 : 0), I = o(() => E.value - a.refineReduceHeight), N = o(() => a.refine ? `${I.value}px` : "auto"), q = o(() => a.refine ? Math.max(
-      I.value - B.value - K.value,
+    ), H = c(0), R = c(0), V = s(() => ({
+      ...v.value,
+      ...o.staticQuery
+    })), w = c(!1), K = s(() => w.value ? H.value + 10 : 0), N = s(() => o.showOperation ? R.value + 10 : 0), I = s(() => E.value - o.refineReduceHeight), q = s(() => o.refine ? `${I.value}px` : "auto"), L = s(() => o.refine ? Math.max(
+      I.value - K.value - N.value,
       200
-    ) : void 0), P = (e, t = "search") => {
-      var n, l, g;
+    ) : void 0), M = (e, t = "search") => {
+      var r, l, h;
       let f = e;
-      if (a.beforeSearch && (f = a.beforeSearch(
-        me(e),
+      if (o.beforeSearch && (f = o.beforeSearch(
+        ve(e),
         t
-      )), t === "reset" && a.clearTableFilterOnReset && ((l = (n = c.value) == null ? void 0 : n.getTableInstance()) == null || l.clearFilter()), JSON.stringify(f) === JSON.stringify(p.value))
-        return ["reset", "search"].includes(t) ? (g = c.value) == null ? void 0 : g.reload() : void 0;
-      p.value = {
+      )), t === "reset" && o.clearTableFilterOnReset && ((l = (r = u.value) == null ? void 0 : r.getTableInstance()) == null || l.clearFilter()), JSON.stringify(f) === JSON.stringify(v.value))
+        return ["reset", "search"].includes(t) ? (h = u.value) == null ? void 0 : h.reload() : void 0;
+      v.value = {
         ...f
       };
-    }, L = (e) => {
-      S("dataChange", e);
-    }, A = (e) => {
-      S("pageInfoChange", e);
-    }, _ = (e) => {
-      b.value = e;
     }, J = (e) => {
-      C.value = e;
+      b("dataChange", e);
     }, Q = (e) => {
+      b("pageInfoChange", e);
+    }, z = (e) => {
+      C.value = e;
+    }, G = (e) => {
       H.value = e;
-    }, z = o(() => a.list), G = o(() => a.rowKey), D = o(() => d.value), O = {
+    }, U = (e) => {
+      R.value = e;
+    }, W = s(() => o.list), Y = s(() => o.rowKey), P = s(() => p.value), D = {
       refresh: (e = !1) => {
         var t;
-        return (t = c.value) == null ? void 0 : t.refresh(e);
+        return (t = u.value) == null ? void 0 : t.refresh(e);
       },
       reload: (e = !1) => {
         var t;
-        return (t = c.value) == null ? void 0 : t.reload(e);
+        return (t = u.value) == null ? void 0 : t.reload(e);
       },
       getTableInstance: () => {
         var e;
-        return (e = c.value) == null ? void 0 : e.getTableInstance();
+        return (e = u.value) == null ? void 0 : e.getTableInstance();
       },
       validate: () => {
         if (i.value)
@@ -102,100 +105,102 @@ const pe = {
         return (e = i.value) == null ? void 0 : e.triggerSearch();
       },
       update: (e, t) => {
-        d.value[e] = t;
+        p.value[e] = t;
       }
-    }, W = o(() => {
-      const e = he(O, [
+    }, X = s(() => {
+      const e = pe(D, [
         "triggerReset",
         "triggerSearch",
         "update"
       ]);
       return {
-        ...a.injectInfo || {},
+        ...o.injectInfo || {},
         ...e
       };
-    }), Y = (e) => e, U = (e) => e, X = (e) => {
+    }), Z = (e) => e, _ = (e) => e, ee = (e) => {
       w.value = e;
     };
-    return M(O), ae(
-      () => a.list,
+    return x(D), se(
+      () => o.list,
       (e) => {
-        const t = ce(e);
-        d.value = t, P(ue(t, e));
+        const t = he(e);
+        p.value = t, M(ge(t, e));
       },
       {
         immediate: !0
       }
     ), (e, t) => {
-      const f = Z;
-      return ne((j(), oe("div", pe, [
-        k(r(le), v({
+      const f = te;
+      return ie((j(), le("div", Se, [
+        k(a(fe), y({
           ref_key: "formSearch",
           ref: i,
-          list: r(z),
-          data: r(D)
-        }, s.formSearchProps, {
-          onSearch: P,
-          onHeightChange: J,
-          onVisibleChange: X
+          list: a(W),
+          data: a(P)
+        }, n.formSearchProps, {
+          onSearch: M,
+          onHeightChange: G,
+          onVisibleChange: ee
         }), F({ _: 2 }, [
-          y(s.list, (n) => ({
-            name: n.key,
-            fn: h((l) => [
-              m(e.$slots, `form-${n.key}`, T($(l)), void 0, !0)
+          S(n.list, (r) => ({
+            name: r.key,
+            fn: g((l) => [
+              d(e.$slots, `form-${r.key}`, T($(l)), void 0, !0)
             ])
           }))
         ]), 1040, ["list", "data"]),
-        s.showOperation ? (j(), se(r(fe), {
+        n.showOperation ? (j(), ue(a(de), {
           key: 0,
           class: "list-page-operation",
-          onHeightChange: Q
+          onHeightChange: U
         }, {
-          default: h(() => [
-            m(e.$slots, "operation", {}, void 0, !0)
+          default: g(() => [
+            d(e.$slots, "operation", {}, void 0, !0)
           ]),
           _: 3
-        })) : ie("", !0),
-        k(r(ge), v({
+        })) : ce("", !0),
+        k(a(me), y({
           ref_key: "tableMain",
-          ref: c,
-          api: s.api,
-          columns: s.columns,
-          query: r(V),
-          maxHeight: r(q),
-          rowKey: r(G)
-        }, s.tableMainProps, {
+          ref: u,
+          "is-auto-refresh": m.value,
+          "onUpdate:isAutoRefresh": t[0] || (t[0] = (r) => m.value = r),
+          api: n.api,
+          columns: n.columns,
+          query: a(V),
+          maxHeight: a(L),
+          rowKey: a(Y)
+        }, n.tableMainProps, {
           refine: !1,
-          injectInfo: r(W),
-          onLoadingChange: _,
-          onDataChange: L,
-          onPageInfoChange: A
+          injectInfo: a(X),
+          onLoadingChange: z,
+          onDataChange: J,
+          onPageInfoChange: Q
         }), F({ _: 2 }, [
-          y(s.columns, (n) => ({
-            name: n.prop,
-            fn: h((l) => [
-              m(e.$slots, `table-${n.prop}`, T($(Y(l))), void 0, !0)
+          S(n.columns, (r) => ({
+            name: r.prop,
+            fn: g((l) => [
+              d(e.$slots, `table-${r.prop}`, T($(Z(l))), void 0, !0)
             ])
           })),
-          y(s.columns, (n) => ({
-            name: `header-${n.prop}`,
-            fn: h((l) => {
-              var g;
+          S(n.columns, (r) => ({
+            name: `header-${r.prop}`,
+            fn: g((l) => {
+              var h;
               return [
-                m(e.$slots, `table-header-${n.columnKey || n.prop}`, v(U(l), {
-                  searchFormData: r(D),
-                  triggerSearch: (g = r(i)) == null ? void 0 : g.triggerSearch
+                d(e.$slots, `table-header-${r.columnKey || r.prop}`, y(_(l), {
+                  searchFormData: a(P),
+                  triggerSearch: (h = a(i)) == null ? void 0 : h.triggerSearch
                 }), void 0, !0)
               ];
             })
           }))
-        ]), 1040, ["api", "columns", "query", "maxHeight", "rowKey", "injectInfo"])
+        ]), 1040, ["is-auto-refresh", "api", "columns", "query", "maxHeight", "rowKey", "injectInfo"])
       ])), [
-        [f, r(b)]
+        [f, !m.value && a(C)]
       ]);
     };
   }
 });
 export {
-  Re as default
+  ke as default
 };

package/es/components/table/TableMain.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./TableMain.vue2.mjs";
 /* empty css                */
-import f from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ f(o, [["__scopeId", "data-v-c7f10ff2"]]);
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-08dc9d04"]]);
 export {
-  m as default
+  p as default
 };

package/es/components/table/TableMain.vue2.mjs

@@ -1,20 +1,24 @@
-import { ElTable as ae, ElTableColumn as ne, ElEmpty as oe, ElPagination as ie } from "element-plus/es";
+import { ElTable as ue, ElTableColumn as fe, ElEmpty as ge, ElPagination as pe } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/pagination/style/css";
 import "element-plus/es/components/table/style/css";
 import "element-plus/es/components/empty/style/css";
 import "element-plus/es/components/table-column/style/css";
-import { defineComponent as le, useCssVars as se, useAttrs as ue, ref as p, shallowRef as fe, inject as pe, computed as _, onMounted as ge, onActivated as de, watch as g, openBlock as i, createElementBlock as m, createVNode as L, mergeProps as d, unref as u, withCtx as S, Fragment as C, renderList as ce, createBlock as E, createSlots as me, renderSlot as j, resolveDynamicComponent as A, createTextVNode as P, toDisplayString as J, withDirectives as he, createElementVNode as ye, isRef as B, vShow as ve } from "vue";
-import $ from "lodash/cloneDeep";
-import M from "lodash/omit";
-import V from "lodash/set";
-import Y from "lodash/get";
-import { BODY_CONTENT_VIEWPORT_HEIGHT as _e } from "../../inject/key.mjs";
-import { APP_API_LIST_MODEL_KEY_CONFIG as b } from "../../config/list-model.mjs";
-const Se = { class: "table-main" }, Ce = { class: "table-main-pagination" }, Ke = /* @__PURE__ */ le({
+import { defineComponent as de, useCssVars as ce, useModel as me, useAttrs as he, ref as g, shallowRef as ve, inject as ye, computed as d, onMounted as be, onActivated as Ce, watch as c, openBlock as n, createElementBlock as y, unref as l, createBlock as b, withCtx as C, createVNode as I, mergeProps as p, createCommentVNode as Se, Fragment as _, renderList as _e, createSlots as Ee, renderSlot as J, resolveDynamicComponent as V, createTextVNode as R, toDisplayString as $, withDirectives as Te, createElementVNode as we, isRef as Y, vShow as xe, mergeModels as G } from "vue";
+import U from "lodash/cloneDeep";
+import q from "lodash/omit";
+import D from "lodash/set";
+import F from "lodash/get";
+import Ie from "./TableToolbar.vue.mjs";
+import Re from "../display/WatchSize.vue.mjs";
+import { BODY_CONTENT_VIEWPORT_HEIGHT as Pe } from "../../inject/key.mjs";
+import { APP_API_LIST_MODEL_KEY_CONFIG as E } from "../../config/list-model.mjs";
+const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, qe = /* @__PURE__ */ de({
   __name: "TableMain",
-  props: {
+  props: /* @__PURE__ */ G({
     showPager: { type: Boolean, default: !0 },
+    showToolbar: { type: Boolean, default: !0 },
+    toolbar: {},
     query: {},
     pageSizeInit: { default: 20 },
     pageSizeOptions: { default: () => [10, 20, 30, 40] },
@@ -28,152 +32,181 @@ const Se = { class: "table-main" }, Ce = { class: "table-main-pagination" }, Ke
     refine: { type: Boolean, default: !0 },
     refineReduceHeight: { default: 0 },
     injectInfo: {}
-  },
-  emits: ["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"],
-  setup(f, { expose: G, emit: q }) {
-    se((e) => ({
-      d46c1602: e.headerColor
+  }, {
+    isAutoRefresh: { type: Boolean },
+    isAutoRefreshModifiers: {}
+  }),
+  emits: /* @__PURE__ */ G(["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh"]),
+  setup(s, { expose: W, emit: Z }) {
+    ce((e) => ({
+      v1961e86c: e.headerColor
     }));
-    const a = f, c = q, D = ue(), w = p([]), x = p(0), o = p(0), n = p(1), h = p(!1), I = p(!1), T = fe(), F = pe(
-      _e,
+    const a = s, m = Z, P = me(s, "isAutoRefresh"), Q = he(), T = g([]), w = g(0), i = g(0), o = g(1), h = g(!1), x = g(!1), O = g(0), X = (e) => {
+      O.value = e;
+    }, z = ve(), ee = ye(
+      Pe,
       500
-    ), O = _(() => a.showPager ? 35 : 0), U = _(() => {
+    ), H = d(() => a.showPager ? 35 : 0), N = d(() => {
+      var t;
+      if (a.showToolbar === !1) return !1;
+      const e = (t = a.toolbar) == null ? void 0 : t.features;
+      return e === void 0 || e.length > 0;
+    }), k = d(
+      () => N.value ? O.value : 0
+    ), te = d(() => {
       const { maxHeight: e, refine: t } = a;
-      return e ? Math.max(e - O.value, 200) : t ? Math.max(
-        F.value - O.value - a.refineReduceHeight,
+      return e ? Math.max(
+        e - H.value - k.value,
+        200
+      ) : t ? Math.max(
+        ee.value - H.value - k.value - a.refineReduceHeight,
         200
       ) : void 0;
-    }), y = _(() => {
-      const e = $(a.query || {});
-      return V(e, b.PAGE_SIZE_KEY, o.value), V(
+    }), S = d(() => {
+      const e = U(a.query || {});
+      return D(e, E.PAGE_SIZE_KEY, i.value), D(
         e,
-        b.CURRENT_PAGE_KEY,
-        n.value
+        E.CURRENT_PAGE_KEY,
+        o.value
       ), e;
-    }), W = _(() => ({
+    }), re = d(() => ({
       ...a.tableProps,
-      ...D
-    })), z = (e, t = !0) => {
-      const l = JSON.stringify(e) === JSON.stringify(y.value);
-      return !l && t && console.warn(
+      ...Q
+    })), A = (e, t = !0) => {
+      const u = JSON.stringify(e) === JSON.stringify(S.value);
+      return !u && t && console.warn(
         `同一地方 并发请求 参数冰花 当前不是最新的参数 丢弃结果 ${JSON.stringify(
           e
-        )} => ${JSON.stringify(y.value)}`
-      ), l;
-    }, N = (e = !1) => {
-      if (!o.value) return;
-      h.value ? console.warn("请求并发") : h.value = !0, e || (I.value = !0);
-      const t = $(y.value);
-      a.api(t).then((l) => {
-        z(t, !1) && (w.value = Y(
-          l,
-          b.LIST_KEY
-        ), x.value = Y(
-          l,
-          b.TOTAL_KEY
-        ), c("pageInfoChange", {
-          pageSize: o.value,
-          currentPage: n.value,
-          total: x.value
+        )} => ${JSON.stringify(S.value)}`
+      ), u;
+    }, K = (e = !1) => {
+      if (!i.value) return;
+      h.value ? console.warn("请求并发") : h.value = !0, e || (x.value = !0);
+      const t = U(S.value);
+      a.api(t).then((u) => {
+        A(t, !1) && (T.value = F(
+          u,
+          E.LIST_KEY
+        ), w.value = F(
+          u,
+          E.TOTAL_KEY
+        ), m("pageInfoChange", {
+          pageSize: i.value,
+          currentPage: o.value,
+          total: w.value
         }));
       }).finally(() => {
-        z(t) && (h.value = !1, I.value = !1);
+        A(t) && (h.value = !1, x.value = !1);
       });
-    }, k = (e = !1) => {
-      N(e);
-    }, Z = (e = !1) => {
-      n.value === 1 ? k(e) : n.value = 1;
-    }, Q = (e) => e, v = {
-      refresh: k,
-      reload: Z,
-      getTableInstance: () => T.value
-    }, R = (e, t = []) => ({
-      ...M(e, ["render", "headerRender"].concat(t)),
+    }, j = (e = !1) => {
+      K(e);
+    }, ae = (e = !1) => {
+      o.value === 1 ? j(e) : o.value = 1;
+    }, oe = (e) => e, v = {
+      refresh: j,
+      reload: ae,
+      getTableInstance: () => z.value
+    }, B = (e, t = []) => ({
+      ...q(e, ["render", "headerRender"].concat(t)),
       injectInfo: a.injectInfo || {},
       exposeInfo: v
-    }), H = (e) => ({
-      ...M(e, ["render", "headerRender"]),
+    }), L = (e) => ({
+      ...q(e, ["render", "headerRender"]),
       injectInfo: a.injectInfo || {},
       exposeInfo: v
     });
-    G(v);
-    const X = (e) => {
-      o.value = e, n.value = 1;
-    }, K = (e) => !e || e === "expand";
-    return ge(() => {
-      o.value = a.pageSizeInit, de(() => {
+    W(v);
+    const ne = (e) => {
+      i.value = e, o.value = 1;
+    }, M = (e) => !e || e === "expand";
+    return be(() => {
+      i.value = a.pageSizeInit, Ce(() => {
         v.refresh();
       });
-    }), g(w, (e) => {
-      c("dataChange", e);
-    }), g(
+    }), c(T, (e) => {
+      m("dataChange", e);
+    }), c(
       () => a.query,
       (e, t) => {
-        JSON.stringify(e) !== JSON.stringify(t) && (n.value = 1);
+        JSON.stringify(e) !== JSON.stringify(t) && (o.value = 1);
       }
-    ), g(
-      y,
+    ), c(
+      S,
       (e, t) => {
-        JSON.stringify(e) !== JSON.stringify(t) && N();
+        JSON.stringify(e) !== JSON.stringify(t) && K();
       },
       {
         immediate: !0
       }
-    ), g(I, (e) => {
-      c("loadingChange", e);
-    }), g(o, (e) => {
-      c("pageSizeChange", e);
-    }), g(n, (e) => {
-      c("pageChange", e);
+    ), c(x, (e) => {
+      m("loadingChange", e);
+    }), c(i, (e) => {
+      m("pageSizeChange", e);
+    }), c(o, (e) => {
+      m("pageChange", e);
     }), (e, t) => {
-      const l = ne, ee = oe, te = ae, re = ie;
-      return i(), m("div", Se, [
-        L(te, d({
+      const u = fe, le = ge, ie = ue, se = pe;
+      return n(), y("div", Oe, [
+        l(N) ? (n(), b(l(Re), {
+          key: 0,
+          onHeightChange: X
+        }, {
+          default: C(() => [
+            I(Ie, p({
+              "is-auto-refresh": P.value,
+              "onUpdate:isAutoRefresh": t[0] || (t[0] = (r) => P.value = r),
+              tableExpose: v,
+              loading: l(h)
+            }, a.toolbar), null, 16, ["is-auto-refresh", "loading"])
+          ]),
+          _: 1
+        })) : Se("", !0),
+        I(ie, p({
           ref_key: "elTable",
-          ref: T,
+          ref: z,
           class: "table-main-table",
           stripe: "",
           border: "",
           highlightCurrentRow: ""
-        }, u(W), {
-          maxHeight: u(U),
-          data: u(w),
-          rowKey: Q(f.rowKey)
+        }, l(re), {
+          maxHeight: l(te),
+          data: l(T),
+          rowKey: oe(s.rowKey)
         }), {
-          empty: S(() => [
-            u(h) ? (i(), m(C, { key: 0 }, [
-              P("加载中...")
-            ], 64)) : (i(), E(ee, { key: 1 }))
+          empty: C(() => [
+            l(h) ? (n(), y(_, { key: 0 }, [
+              R("加载中...")
+            ], 64)) : (n(), b(le, { key: 1 }))
           ]),
-          default: S(() => [
-            (i(!0), m(C, null, ce(f.columns, (r) => (i(), E(l, d({
+          default: C(() => [
+            (n(!0), y(_, null, _e(s.columns, (r) => (n(), b(u, p({
               key: r.columnKey || r.prop
-            }, { ref_for: !0 }, r), me({ _: 2 }, [
-              K(r.type) ? {
+            }, { ref_for: !0 }, r), Ee({ _: 2 }, [
+              M(r.type) ? {
                 name: "default",
-                fn: S((s) => [
-                  j(e.$slots, r.prop, d({ ref_for: !0 }, R(s)), () => [
-                    r.render ? (i(), E(A(r.render), d({
+                fn: C((f) => [
+                  J(e.$slots, r.prop, p({ ref_for: !0 }, B(f)), () => [
+                    r.render ? (n(), b(V(r.render), p({
                       key: 0,
                       ref_for: !0
-                    }, R(s, ["$index"]), {
-                      _index: s.$index
-                    }), null, 16, ["_index"])) : (i(), m(C, { key: 1 }, [
-                      P(J(s.row[r.prop]), 1)
+                    }, B(f, ["$index"]), {
+                      _index: f.$index
+                    }), null, 16, ["_index"])) : (n(), y(_, { key: 1 }, [
+                      R($(f.row[r.prop]), 1)
                     ], 64))
                   ], !0)
                 ]),
                 key: "0"
               } : void 0,
-              K(r.type) ? {
+              M(r.type) ? {
                 name: "header",
-                fn: S((s) => [
-                  j(e.$slots, `header-${r.prop}`, d({ ref_for: !0 }, H(s)), () => [
-                    r.headerRender ? (i(), E(A(r.headerRender), d({
+                fn: C((f) => [
+                  J(e.$slots, `header-${r.prop}`, p({ ref_for: !0 }, L(f)), () => [
+                    r.headerRender ? (n(), b(V(r.headerRender), p({
                       key: 0,
                       ref_for: !0
-                    }, H(s)), null, 16)) : (i(), m(C, { key: 1 }, [
-                      P(J(r.label), 1)
+                    }, L(f)), null, 16)) : (n(), y(_, { key: 1 }, [
+                      R($(r.label), 1)
                     ], 64))
                   ], !0)
                 ]),
@@ -183,26 +216,26 @@ const Se = { class: "table-main" }, Ce = { class: "table-main-pagination" }, Ke
           ]),
           _: 3
         }, 16, ["maxHeight", "data", "rowKey"]),
-        he(ye("div", Ce, [
-          L(re, {
-            "current-page": u(n),
-            "onUpdate:currentPage": t[0] || (t[0] = (r) => B(n) ? n.value = r : null),
-            "page-size": u(o),
-            "onUpdate:pageSize": t[1] || (t[1] = (r) => B(o) ? o.value = r : null),
-            "page-sizes": f.pageSizeOptions,
-            small: "",
+        Te(we("div", ze, [
+          I(se, {
+            "current-page": l(o),
+            "onUpdate:currentPage": t[1] || (t[1] = (r) => Y(o) ? o.value = r : null),
+            "page-size": l(i),
+            "onUpdate:pageSize": t[2] || (t[2] = (r) => Y(i) ? i.value = r : null),
+            "page-sizes": s.pageSizeOptions,
+            size: "small",
             background: "",
-            layout: f.pageLayout,
-            total: u(x),
-            onSizeChange: X
+            layout: s.pageLayout,
+            total: l(w),
+            onSizeChange: ne
           }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total"])
         ], 512), [
-          [ve, f.showPager]
+          [xe, s.showPager]
         ])
       ]);
     };
   }
 });
 export {
-  Ke as default
+  qe as default
 };

package/es/components/table/TableToolbar.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./TableToolbar.vue2.mjs";
+/* empty css                   */
+import a from "../../_virtual/_plugin-vue_export-helper.mjs";
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-d2a1aea9"]]);
+export {
+  m as default
+};

package/es/components/table/TableToolbar.vue2.mjs

@@ -0,0 +1,95 @@
+import { ElInputNumber as g, ElSwitch as w, ElButton as y, ElIcon as C } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/icon/style/css";
+import "element-plus/es/components/switch/style/css";
+import "element-plus/es/components/input-number/style/css";
+import { defineComponent as M, useModel as N, computed as p, ref as T, watch as i, openBlock as a, createElementBlock as h, createElementVNode as m, Fragment as z, createVNode as f, isRef as S, unref as v, createCommentVNode as c, createBlock as b, withCtx as E, normalizeClass as U, mergeModels as F } from "vue";
+import { Refresh as j } from "@element-plus/icons-vue";
+import { useTimeout as q } from "../../hooks/timeout.mjs";
+import { useActivatedExec as D } from "../../hooks/activated.mjs";
+const G = { class: "table-toolbar" }, H = { class: "table-toolbar-right" }, $ = /* @__PURE__ */ M({
+  __name: "TableToolbar",
+  props: /* @__PURE__ */ F({
+    features: { default: () => ["refresh", "autoRefresh"] },
+    refreshInterval: { default: 30 },
+    tableExpose: {},
+    loading: { type: Boolean }
+  }, {
+    isAutoRefresh: { type: Boolean },
+    isAutoRefreshModifiers: {}
+  }),
+  emits: ["update:isAutoRefresh"],
+  setup(n) {
+    const e = n, t = N(n, "isAutoRefresh"), R = p(
+      () => e.features === void 0 || e.features.includes("refresh")
+    ), d = p(
+      () => e.features === void 0 || e.features.includes("autoRefresh")
+    ), l = T(30);
+    i(
+      () => e.refreshInterval,
+      (r) => {
+        l.value = r;
+      },
+      { immediate: !0 }
+    );
+    const [x, V] = q(), s = () => {
+      x(() => {
+        e.tableExpose.refresh(), t.value && s();
+      }, l.value * 1e3);
+    }, _ = () => {
+      e.tableExpose.refresh(), t.value && s();
+    };
+    return i(t, (r) => {
+      r ? s() : V();
+    }), i(l, () => {
+      t.value && s();
+    }), D(() => {
+      t.value && (e.tableExpose.refresh(), s());
+    }), (r, o) => {
+      const k = g, A = w, B = C, I = y;
+      return a(), h("div", G, [
+        m("div", H, [
+          d.value && t.value ? (a(), h(z, { key: 0 }, [
+            o[2] || (o[2] = m("span", { class: "table-toolbar-label" }, "刷新间隔", -1)),
+            f(k, {
+              modelValue: v(l),
+              "onUpdate:modelValue": o[0] || (o[0] = (u) => S(l) ? l.value = u : null),
+              min: 1,
+              step: 5,
+              size: "small",
+              class: "table-toolbar-interval"
+            }, null, 8, ["modelValue"]),
+            o[3] || (o[3] = m("span", { class: "table-toolbar-label" }, "秒", -1))
+          ], 64)) : c("", !0),
+          d.value ? (a(), b(A, {
+            key: 1,
+            modelValue: t.value,
+            "onUpdate:modelValue": o[1] || (o[1] = (u) => t.value = u),
+            "active-text": "自动刷新"
+          }, null, 8, ["modelValue"])) : c("", !0),
+          R.value ? (a(), b(I, {
+            key: 2,
+            circle: "",
+            onClick: _
+          }, {
+            default: E(() => [
+              f(B, {
+                class: U({ "table-toolbar-icon--rotating": n.loading })
+              }, {
+                default: E(() => [
+                  f(v(j))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ]),
+            _: 1
+          })) : c("", !0)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  $ as default
+};

package/es/helpers/list-helper.mjs

@@ -0,0 +1,66 @@
+async function A(a, c, e) {
+  var s;
+  const i = (e == null ? void 0 : e.pageSize) ?? 200, r = (e == null ? void 0 : e.limit) ?? 1e4;
+  if (i < 1 || i > 1e3)
+    throw new Error(
+      `fetchListAll: pageSize 必须在 [1, 1000] 范围内(实际 ${i})`
+    );
+  const t = [];
+  let n = 1;
+  for (; ; ) {
+    const o = {
+      ...c,
+      page: { page: n, pageSize: i }
+    }, l = await a(o), p = l.items, g = ((s = l.page) == null ? void 0 : s.totalRecord) ?? 0;
+    if (n === 1 && g > r)
+      throw new Error(
+        `fetchListAll 超出上限 ${r}(实际 totalRecord=${g}),请手动分页或质疑工具适用性`
+      );
+    if (t.push(...p), p.length < i || t.length >= g) break;
+    n += 1;
+  }
+  return t;
+}
+function f(a) {
+  return async (c) => {
+    const e = c.page;
+    if (!e)
+      throw new Error("createListApi: params.page 必填(含 page / pageSize)");
+    const { page: i, pageSize: r } = e;
+    if (!r || r <= 0)
+      throw new Error("createListApi: pageSize 必须 > 0");
+    let t;
+    if (Array.isArray(a))
+      t = a;
+    else {
+      const o = a();
+      if (o instanceof Promise) {
+        const l = await o;
+        if (!Array.isArray(l))
+          throw new Error("createListApi: 异步 source 返回值必须为数组");
+        t = l;
+      } else
+        t = o;
+    }
+    const n = (i - 1) * r, s = n + r;
+    return {
+      items: t.slice(n, s),
+      page: {
+        totalRecord: t.length,
+        pageSize: r,
+        totalPage: Math.ceil(t.length / r)
+      }
+    };
+  };
+}
+function h(a, c) {
+  return a({
+    ...c,
+    page: { page: 1, pageSize: 1 }
+  }).then((e) => e.page.totalRecord);
+}
+export {
+  h as countAll,
+  f as createListApi,
+  A as fetchListAll
+};

package/es/hooks/timeout.mjs

@@ -0,0 +1,21 @@
+import { ref as c, onBeforeUnmount as n, watch as s } from "vue";
+import { useActivated as v } from "./activated.mjs";
+const l = (o = !0) => {
+  const { isActivated: r } = v(), e = c(void 0), t = () => {
+    e.value !== null && e.value !== void 0 && (clearTimeout(e.value), e.value = void 0);
+  }, u = (i, m) => {
+    t(), e.value = setTimeout(i, m);
+  };
+  return o && n(t), s(
+    r,
+    (i) => {
+      i || o && t();
+    },
+    {
+      immediate: !0
+    }
+  ), [u, t];
+};
+export {
+  l as useTimeout
+};

package/es/index.mjs

@@ -5,15 +5,15 @@ import { miscInstall as a } from "./components/misc/index.mjs";
 import { modalInstall as m } from "./components/modal/index.mjs";
 import { tableInstall as f } from "./components/table/index.mjs";
 import { listPageInstall as s } from "./components/list-page/index.mjs";
-import { default as F } from "./components/modal/DetailModal.vue.mjs";
-import { default as c } from "./components/form/FormMain.vue.mjs";
+import { default as E } from "./components/modal/DetailModal.vue.mjs";
+import { default as _ } from "./components/form/FormMain.vue.mjs";
 import { default as M } from "./components/form/FormRadioGroup.vue.mjs";
-import { default as T } from "./components/form/FormSelect.vue.mjs";
-import { default as D } from "./components/form/FormTree.vue.mjs";
-import { default as O } from "./components/form/FormVerifyCode.vue.mjs";
+import { default as S } from "./components/form/FormSelect.vue.mjs";
+import { default as L } from "./components/form/FormTree.vue.mjs";
+import { default as D } from "./components/form/FormVerifyCode.vue.mjs";
 import { default as P } from "./components/menu/MenuItemSub.vue.mjs";
-import { default as N } from "./components/menu/MenuTree.vue.mjs";
-import { default as h } from "./components/misc/TriggerAutoImport.vue.mjs";
+import { default as G } from "./components/menu/MenuTree.vue.mjs";
+import { default as b } from "./components/misc/TriggerAutoImport.vue.mjs";
 import { default as y } from "./components/display/WatchSize.vue.mjs";
 import { APP_API_LIST_MODEL_KEY_CONFIG as v } from "./config/list-model.mjs";
 import { BODY_CONTENT_VIEWPORT_HEIGHT as H } from "./inject/key.mjs";
@@ -24,16 +24,18 @@ import { default as le } from "./components/form/FormSearch.vue.mjs";
 import { default as ie } from "./components/form/FormVerifyImage.vue.mjs";
 import { default as ne } from "./components/list-page/ListPage.vue.mjs";
 import { ROUTE_MODULE_LEVEL as de } from "./config/route.mjs";
-import { default as ge } from "./components/table/TableMain.vue.mjs";
-import { createGenerateRouteMetaRawTree as Fe } from "./helpers/route.mjs";
-import { createStorageWithNamespace as ce } from "./helpers/storage.mjs";
-import { createUseState as Me } from "./helpers/state.mjs";
-import { flatRouteMetaResolveRaw as Te, getRoutePermissionKey as Re } from "./utils/router.mjs";
-import { getId as Le } from "./utils/id.mjs";
-import { timeCountDown as Ae } from "./utils/time.mjs";
-import { useActivated as Ge, useActivatedEvent as Ne, useActivatedExec as be } from "./hooks/activated.mjs";
-import { useFeelSize as we } from "./hooks/feel-size.mjs";
-import { useMenusDataDispatch as Ve } from "./hooks/menus-dispatch.mjs";
+import { default as ce } from "./components/table/TableMain.vue.mjs";
+import { countAll as Ee, createListApi as Fe, fetchListAll as _e } from "./helpers/list-helper.mjs";
+import { createGenerateRouteMetaRawTree as Me } from "./helpers/route.mjs";
+import { createStorageWithNamespace as Se } from "./helpers/storage.mjs";
+import { createUseState as Le } from "./helpers/state.mjs";
+import { flatRouteMetaResolveRaw as De, getRoutePermissionKey as Oe } from "./utils/router.mjs";
+import { getId as he } from "./utils/id.mjs";
+import { timeCountDown as Ne } from "./utils/time.mjs";
+import { useActivated as we, useActivatedEvent as ye, useActivatedExec as Ve } from "./hooks/activated.mjs";
+import { useFeelSize as Ue } from "./hooks/feel-size.mjs";
+import { useMenusDataDispatch as We } from "./hooks/menus-dispatch.mjs";
+import { useTimeout as Be } from "./hooks/timeout.mjs";
 const I = {
   install(e) {
     e.use(t), e.use(o), e.use(r), e.use(a), e.use(m), e.use(f), e.use(s);
@@ -43,37 +45,40 @@ export {
   v as APP_API_LIST_MODEL_KEY_CONFIG,
   H as BODY_CONTENT_VIEWPORT_HEIGHT,
   z as ConfirmModal,
-  F as DetailModal,
+  E as DetailModal,
   K as FORM_CONFIG_SELECT_ALL_VALUE,
   J as FORM_ITEM_CHANGE_LOADING,
-  c as FormMain,
+  _ as FormMain,
   M as FormRadioGroup,
   le as FormSearch,
-  T as FormSelect,
-  D as FormTree,
-  O as FormVerifyCode,
+  S as FormSelect,
+  L as FormTree,
+  D as FormVerifyCode,
   ie as FormVerifyImage,
   ne as ListPage,
   P as MenuItemSub,
-  N as MenuTree,
+  G as MenuTree,
   de as ROUTE_MODULE_LEVEL,
-  ge as TableMain,
-  h as TriggerAutoImport,
+  ce as TableMain,
+  b as TriggerAutoImport,
   y as WatchSize,
-  Fe as createGenerateRouteMetaRawTree,
-  ce as createStorageWithNamespace,
-  Me as createUseState,
+  Ee as countAll,
+  Me as createGenerateRouteMetaRawTree,
+  Fe as createListApi,
+  Se as createStorageWithNamespace,
+  Le as createUseState,
   r as displayInstall,
-  Te as flatRouteMetaResolveRaw,
+  _e as fetchListAll,
+  De as flatRouteMetaResolveRaw,
   t as formInstall,
   Q as generateFormData,
   X as getBlurSubmit,
   Z as getChangeSubmit,
   Y as getConfirmPasswordRule,
   $ as getEnterSubmit,
-  Le as getId,
+  he as getId,
   ee as getPlaceholder,
-  Re as getRoutePermissionKey,
+  Oe as getRoutePermissionKey,
   te as getVModelSugar,
   I as installComponents,
   s as listPageInstall,
@@ -88,10 +93,11 @@ export {
   me as stringifyFormData,
   fe as swiftFormItemConfig,
   f as tableInstall,
-  Ae as timeCountDown,
-  Ge as useActivated,
-  Ne as useActivatedEvent,
-  be as useActivatedExec,
-  we as useFeelSize,
-  Ve as useMenusDataDispatch
+  Ne as timeCountDown,
+  we as useActivated,
+  ye as useActivatedEvent,
+  Ve as useActivatedExec,
+  Ue as useFeelSize,
+  We as useMenusDataDispatch,
+  Be as useTimeout
 };

package/es/style.css

@@ -1 +1 @@
-.form-item-tip[data-v-e889a0ed]{text-align:left;line-height:1.5;font-size:12px}.form-search_show[data-v-8896356d]{margin-bottom:10px}.form-search .btn-box[data-v-8896356d]{padding-left:20px}.form-search[data-v-8896356d] .el-col{padding-left:14px}.form-verify-image[data-v-a4baf877] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-a4baf877]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-a4baf877]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.confirm-dialog .content[data-v-2f0c870e]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}.confirm-dialog .btn[data-v-2f0c870e]{width:150px;height:40px;border-radius:4px}.confirm-dialog .main[data-v-2f0c870e]{position:relative;text-align:center}.confirm-dialog .main .close-box[data-v-2f0c870e]{position:absolute;top:0;right:0;cursor:pointer;z-index:2}.confirm-dialog .main .shim[data-v-2f0c870e]{position:relative;z-index:1}.confirm-dialog .main .shim .title[data-v-2f0c870e]{font-size:18px;font-weight:500}.confirm-dialog .main .shim .content[data-v-2f0c870e]{font-size:16px;margin-top:15px}.confirm-dialog .main .shim .footer[data-v-2f0c870e]{display:flex;justify-content:center;align-items:center;padding-top:5px}.confirm-dialog .main .shim .footer>.btn[data-v-2f0c870e]:not(:last-child){margin-right:30px}.confirm-dialog .main .shim .footer[reverse=true][data-v-2f0c870e]{flex-direction:row-reverse}.confirm-dialog .main .shim .footer[reverse=true]>.btn[data-v-2f0c870e]:not(:last-child){margin-right:0;margin-left:30px}.confirm-dialog .el-dialog__header,.confirm-dialog .el-dialog__body{padding:0;background-color:transparent}.table-main-table[data-v-c7f10ff2]{--el-table-header-bg-color: var(--d46c1602)}.table-main-pagination[data-v-c7f10ff2]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-c9564dc7]{min-height:var(--f49642f0)}.list-page-operation[data-v-c9564dc7]{margin-bottom:10px}.list-page[data-v-c9564dc7] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}
+.form-item-tip[data-v-e889a0ed]{text-align:left;line-height:1.5;font-size:12px}.form-search_show[data-v-8896356d]{margin-bottom:10px}.form-search .btn-box[data-v-8896356d]{padding-left:20px}.form-search[data-v-8896356d] .el-col{padding-left:14px}.form-verify-image[data-v-a4baf877] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-a4baf877]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-a4baf877]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.confirm-dialog .content[data-v-2f0c870e]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}.confirm-dialog .btn[data-v-2f0c870e]{width:150px;height:40px;border-radius:4px}.confirm-dialog .main[data-v-2f0c870e]{position:relative;text-align:center}.confirm-dialog .main .close-box[data-v-2f0c870e]{position:absolute;top:0;right:0;cursor:pointer;z-index:2}.confirm-dialog .main .shim[data-v-2f0c870e]{position:relative;z-index:1}.confirm-dialog .main .shim .title[data-v-2f0c870e]{font-size:18px;font-weight:500}.confirm-dialog .main .shim .content[data-v-2f0c870e]{font-size:16px;margin-top:15px}.confirm-dialog .main .shim .footer[data-v-2f0c870e]{display:flex;justify-content:center;align-items:center;padding-top:5px}.confirm-dialog .main .shim .footer>.btn[data-v-2f0c870e]:not(:last-child){margin-right:30px}.confirm-dialog .main .shim .footer[reverse=true][data-v-2f0c870e]{flex-direction:row-reverse}.confirm-dialog .main .shim .footer[reverse=true]>.btn[data-v-2f0c870e]:not(:last-child){margin-right:0;margin-left:30px}.confirm-dialog .el-dialog__header,.confirm-dialog .el-dialog__body{padding:0;background-color:transparent}.table-toolbar[data-v-d2a1aea9]{display:flex;justify-content:flex-end;align-items:center;padding-bottom:8px}.table-toolbar-right[data-v-d2a1aea9]{display:flex;align-items:center;gap:8px}.table-toolbar-label[data-v-d2a1aea9]{font-size:13px;color:var(--el-text-color-regular)}.table-toolbar-interval[data-v-d2a1aea9]{width:80px}.table-toolbar-icon--rotating[data-v-d2a1aea9]{animation:table-toolbar-rotating-d2a1aea9 1s linear infinite}@keyframes table-toolbar-rotating-d2a1aea9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-main-table[data-v-08dc9d04]{--el-table-header-bg-color: var(--v1961e86c)}.table-main-pagination[data-v-08dc9d04]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-767c1592]{min-height:var(--v036568fb)}.list-page-operation[data-v-767c1592]{margin-bottom:10px}.list-page[data-v-767c1592] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@done-coding/admin-core",
-  "version": "0.0.1-alpha.1",
+  "version": "0.1.0",
   "description": "后台管理核心",
   "private": false,
   "main": "lib/index.cjs",
@@ -77,5 +77,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "66c74dcd8e8bb283b06a1a2515f98406fe9b0f13"
+  "gitHead": "c36a32fd56c54e6450e2abd2124bdc1642c8bb80"
 }

package/types/components/list-page/ListPage.vue.d.ts

@@ -22,6 +22,8 @@ declare const _default: <T extends Record<string, any>, PO extends Record<string
         injectInfo?: F | undefined;
         beforeSearch?: ((data: import('../form').ExcludeNeverProperties<import('../form').ExtractFormStringifyRawFromObject<PO, SO>>, type: FormSearchSearchType) => import('../form').ExcludeNeverProperties<import('../form').ExtractFormStringifyRawFromObject<PO, SO>>) | undefined;
         clearTableFilterOnReset?: boolean;
+    } & {
+        isAutoRefresh?: boolean;
     }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
     expose(exposed: import('vue').ShallowUnwrapRef<ListPageInstance<PO>>): void;
     attrs: any;

package/types/components/table/TableMain.vue.d.ts

@@ -11,7 +11,9 @@ declare const _default: <T extends Record<string, any>, SQ extends Record<string
             currentPage: number;
             total: number;
         }) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & TableMainProps<T, SQ, F>, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (TableMainProps<T, SQ, F> & {
+        isAutoRefresh?: boolean;
+    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
     expose(exposed: import('vue').ShallowUnwrapRef<TableMainInstance>): void;
     attrs: any;
     slots: ReturnType<() => Partial<Record<NonNullable<Uppercase<string> | Extract<keyof T, string> | undefined>, (_: {

package/types/components/table/TableToolbar.vue.d.ts

@@ -0,0 +1,43 @@
+import { TableMainInstance } from './types';
+
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    isAutoRefresh: import('vue').PropType<boolean>;
+    loading: {
+        type: globalThis.PropType<boolean>;
+        required: true;
+    };
+    features: {
+        type: globalThis.PropType<import('./types').TableToolbarFeature[]>;
+        default: () => string[];
+    };
+    refreshInterval: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
+    tableExpose: {
+        type: globalThis.PropType<TableMainInstance>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    isAutoRefresh: import('vue').PropType<boolean>;
+    loading: {
+        type: globalThis.PropType<boolean>;
+        required: true;
+    };
+    features: {
+        type: globalThis.PropType<import('./types').TableToolbarFeature[]>;
+        default: () => string[];
+    };
+    refreshInterval: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
+    tableExpose: {
+        type: globalThis.PropType<TableMainInstance>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    features: import('./types').TableToolbarFeature[];
+    refreshInterval: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/components/table/types.d.ts

@@ -22,6 +22,20 @@ export interface TableMainInstance {
     reload: (slice?: boolean) => void;
     getTableInstance: () => TableInstance | undefined;
 }
+/** toolbar 可配置功能列表 */
+export type TableToolbarFeature = "refresh" | "autoRefresh";
+/** toolbar 可配置项（通过 TableMain 的 toolbar prop 传入） */
+export interface TableToolbarConfig {
+    /**
+     * 功能列表。
+     * - undefined（默认）：显示所有功能
+     * - []（空数组）：不渲染 toolbar
+     * - 枚举子集：仅显示指定功能
+     */
+    features?: TableToolbarFeature[];
+    /** 自动刷新默认间隔（秒），默认 30 */
+    refreshInterval?: number;
+}
 /** 表格列默认作用域 */
 export interface TableColumnDefaultScope<T extends Record<string, any>, F extends Record<string, any>> {
     row: T;
@@ -66,6 +80,10 @@ SQ extends Record<string, any>,
 F extends Record<string, any>> {
     /** 展示分页器 */
     showPager?: boolean;
+    /** 是否显示 toolbar（顶层开关，默认 true，优先级高于 toolbar.features） */
+    showToolbar?: boolean;
+    /** toolbar 配置 */
+    toolbar?: TableToolbarConfig;
     /** 参数 */
     query?: SQ;
     /** 每页条数 */

package/types/helpers/index.d.ts

@@ -2,3 +2,5 @@ export * from './form';
 export * from './storage';
 export * from './state';
 export * from './route';
+export * from './types';
+export * from './list-helper';

package/types/helpers/list-helper.d.ts

@@ -0,0 +1,36 @@
+import { TableApiParams, TableApiResult } from '../components/table/types';
+
+export interface FetchListAllOptions {
+    /** 单页大小,默认 200,范围 [1, 1000] */
+    pageSize?: number;
+    /** 累计抓取上限,默认 10000;totalRecord > limit 则 throw */
+    limit?: number;
+}
+/**
+ * 全量翻页拉取(串行,提前终止)
+ * ---
+ * @param api  原始分页 api 函数(签名同 TableMain :api prop)
+ * @param baseParams 业务侧固定参数,会透传到每页 api 调用(不被改写)
+ * @param opts pageSize / limit 覆盖
+ * @returns 全量 items 数组
+ *
+ * 行为:
+ * - totalRecord = 0 → 直接 [] 返回(仅调 1 次)
+ * - 单页 items.length < pageSize → 视为末页提前终止
+ * - 任一页 reject → 整体 reject 透传原错误
+ * - totalRecord > limit → throw 兜底
+ */
+export declare function fetchListAll<T extends Record<string, any>, P extends Record<string, any> = {}>(api: (params: TableApiParams<P>) => Promise<TableApiResult<T>>, baseParams?: P, opts?: FetchListAllOptions): Promise<T[]>;
+export type ListApiSource<T> = T[] | (() => T[]) | (() => Promise<T[]>);
+/**
+ * 用本地数组 / 同步函数 / 异步函数生成符合 TableMain :api prop 签名的 api
+ * ---
+ * 内部识别 source 类型 + 分页切片;无缓存,每次调用 source 重新求值
+ */
+export declare function createListApi<T extends Record<string, any>>(source: ListApiSource<T>): (params: TableApiParams<{}>) => Promise<TableApiResult<T>>;
+/**
+ * countAll: 仅探测列表总记录数,不拉数据。
+ * 1 次 api 调用 page=1/pageSize=1,返回 totalRecord。
+ * 用于"探测是否有数据 / 数据计数 / 存在性判断"等场景,替代手工 pageSize: 9999 hack。
+ */
+export declare function countAll<P extends Record<string, any> = {}>(api: (params: TableApiParams<P>) => Promise<TableApiResult<any>>, baseParams?: P): Promise<number>;

package/types/helpers/types.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 深度递归 Partial(函数类型保持不变,object 类型字段递归可选)
+ * ---
+ * 应用场景:SDK 请求参数嵌套结构的可选化(如 PagingInput)
+ */
+export type DeepPartial<T> = T extends (...args: any[]) => any ? T : T extends object ? {
+    [K in keyof T]?: DeepPartial<T[K]>;
+} : T;
+/**
+ * 分页请求参数的可选包装
+ * ---
+ * 与 SDK 1.1.40 嵌套契约耦合:业务侧手包 list api wrapper 时
+ * 常以 PagingInput<RawApiParams> 作为入参类型,兜底字段缺失
+ */
+export type PagingInput<T> = DeepPartial<T>;

package/types/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from './activated';
 export * from './feel-size';
 export * from './menus-dispatch';
+export * from './timeout';

package/types/hooks/timeout.d.ts

@@ -0,0 +1,7 @@
+export type ClearTimer = () => void;
+export type SetTimer = (handler: () => void, timeout: number) => void;
+/**
+ * 使用定时器
+ * @param autoClear 是否在生命周期结束前自动清除定时器
+ */
+export declare const useTimeout: (autoClear?: boolean) => [SetTimer, ClearTimer];