@done-coding/admin-core 0.1.1-alpha.0 → 0.1.1-alpha.2

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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a578c778"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-182577bf"]]);
 export {
-  p as default
+  m as default
 };

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

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

package/es/components/misc/AutoRefresh.vue.mjs

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

package/es/components/misc/AutoRefresh.vue2.mjs

@@ -1,57 +1,63 @@
-import { ElInputNumber as x, ElSwitch as M } from "element-plus/es";
+import { ElInputNumber as N, ElSwitch as R } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/switch/style/css";
 import "element-plus/es/components/input-number/style/css";
-import { defineComponent as N, useModel as m, watch as n, openBlock as i, createElementBlock as d, Fragment as b, createElementVNode as f, createVNode as p, createCommentVNode as k, mergeModels as w } from "vue";
-import { useTimeout as B } from "../../hooks/timeout.mjs";
-import { useActivatedExec as T } from "../../hooks/activated.mjs";
-const y = { class: "auto-refresh" }, F = /* @__PURE__ */ N({
+import { defineComponent as w, useModel as c, computed as B, watch as k, openBlock as f, createElementBlock as p, Fragment as x, createElementVNode as v, createVNode as V, createCommentVNode as F, unref as h, mergeModels as T } from "vue";
+import { Refresh as E } from "@element-plus/icons-vue";
+import { useTimeout as g } from "../../hooks/timeout.mjs";
+import { useActivatedExec as A } from "../../hooks/activated.mjs";
+const C = { class: "auto-refresh" }, D = /* @__PURE__ */ w({
   __name: "AutoRefresh",
-  props: {
+  props: /* @__PURE__ */ T({
+    refreshFn: {},
+    enabled: { type: Boolean, default: !0 }
+  }, {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {},
     interval: { default: 30 },
     intervalModifiers: {}
-  },
-  emits: /* @__PURE__ */ w(["refresh"], ["update:modelValue", "update:interval"]),
-  setup(s, { expose: v, emit: c }) {
-    const r = c, e = m(s, "modelValue"), o = m(s, "interval"), [V, h] = B(), l = () => {
-      V(() => {
-        r("refresh"), e.value && l();
-      }, o.value * 1e3);
+  }),
+  emits: ["update:modelValue", "update:interval"],
+  setup(n) {
+    const u = n, t = c(n, "modelValue"), l = c(n, "interval"), r = B(() => t.value && u.enabled), [b, m] = g();
+    let o = null;
+    const d = () => (o || (o = u.refreshFn().catch(() => {
+    }).finally(() => {
+      o = null;
+    })), o), i = () => {
+      b(async () => {
+        await d(), r.value && i();
+      }, l.value * 1e3);
     };
-    return v({ trigger: () => {
-      r("refresh"), e.value && l();
-    } }), n(e, (u) => {
-      u ? l() : h();
-    }), n(o, () => {
-      e.value && l();
-    }), T(() => {
-      e.value && (r("refresh"), l());
-    }), (u, t) => {
-      const E = x, g = M;
-      return i(), d("div", y, [
-        e.value ? (i(), d(b, { key: 0 }, [
-          t[2] || (t[2] = f("span", { class: "auto-refresh-label" }, "刷新间隔", -1)),
-          p(E, {
-            modelValue: o.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (a) => o.value = a),
+    return k([r, l], ([a]) => {
+      a ? i() : m();
+    }), A(({ triggerType: a }) => {
+      r.value && (a === "activated" && (m(), d()), i());
+    }), (a, e) => {
+      const y = N, M = R;
+      return f(), p("div", C, [
+        t.value ? (f(), p(x, { key: 0 }, [
+          e[2] || (e[2] = v("span", { class: "auto-refresh-label" }, "刷新间隔", -1)),
+          V(y, {
+            modelValue: l.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (s) => l.value = s),
             min: 1,
-            step: 5,
+            step: 1,
             size: "small",
             class: "auto-refresh-interval"
           }, null, 8, ["modelValue"]),
-          t[3] || (t[3] = f("span", { class: "auto-refresh-label" }, "秒", -1))
-        ], 64)) : k("", !0),
-        p(g, {
-          modelValue: e.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (a) => e.value = a),
-          "active-text": "自动刷新"
-        }, null, 8, ["modelValue"])
+          e[3] || (e[3] = v("span", { class: "auto-refresh-label" }, "秒", -1))
+        ], 64)) : F("", !0),
+        V(M, {
+          modelValue: t.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (s) => t.value = s),
+          "active-action-icon": h(E),
+          "inactive-action-icon": h(E)
+        }, null, 8, ["modelValue", "active-action-icon", "inactive-action-icon"])
       ]);
     };
   }
 });
 export {
-  F as default
+  D as default
 };

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

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

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

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

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

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

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

@@ -1,15 +1,20 @@
-import { ElButton as g, ElIcon as k } from "element-plus/es";
+import { ElDropdown as k, ElButton as B, ElIcon as D, ElDropdownMenu as I, ElDropdownItem as V } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/dropdown/style/css";
+import "element-plus/es/components/dropdown-menu/style/css";
+import "element-plus/es/components/dropdown-item/style/css";
 import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/icon/style/css";
-import { defineComponent as A, useModel as B, computed as f, ref as i, watch as _, openBlock as a, createElementBlock as V, createElementVNode as x, createBlock as d, createCommentVNode as m, withCtx as c, createVNode as h, normalizeClass as y, unref as C, mergeModels as I } from "vue";
-import { Refresh as M } from "@element-plus/icons-vue";
-import w from "../misc/AutoRefresh.vue.mjs";
-const N = { class: "table-toolbar" }, T = { class: "table-toolbar-right" }, G = /* @__PURE__ */ A({
+import { defineComponent as C, useModel as M, computed as f, ref as E, watch as N, openBlock as u, createElementBlock as z, createElementVNode as g, createBlock as p, withCtx as o, createVNode as l, createTextVNode as d, unref as w, createCommentVNode as c, normalizeClass as T, mergeModels as U } from "vue";
+import { ArrowDown as $, Refresh as j } from "@element-plus/icons-vue";
+import q from "../misc/AutoRefresh.vue.mjs";
+const G = { class: "table-toolbar" }, H = { class: "table-toolbar-left" }, J = { class: "table-toolbar-right" }, ee = /* @__PURE__ */ C({
   __name: "TableToolbar",
-  props: /* @__PURE__ */ I({
-    features: { default: () => ["refresh", "autoRefresh"] },
+  props: /* @__PURE__ */ U({
+    leftFeatures: {},
+    rightFeatures: {},
     refreshInterval: { default: 30 },
+    exportFn: {},
     tableExpose: {},
     loading: { type: Boolean }
   }, {
@@ -17,59 +22,115 @@ const N = { class: "table-toolbar" }, T = { class: "table-toolbar-right" }, G =
     isAutoRefreshModifiers: {}
   }),
   emits: ["update:isAutoRefresh"],
-  setup(s) {
-    const e = s, n = B(s, "isAutoRefresh"), p = f(
-      () => e.features === void 0 || e.features.includes("refresh")
-    ), v = f(
-      () => e.features === void 0 || e.features.includes("autoRefresh")
-    ), l = i(30);
-    _(
-      () => e.refreshInterval,
-      (o) => {
-        l.value = o;
+  setup(n) {
+    const t = n, v = M(n, "isAutoRefresh"), x = f(
+      () => t.leftFeatures === void 0 || t.leftFeatures.includes("export")
+    ), F = f(
+      () => t.rightFeatures === void 0 || t.rightFeatures.includes("refresh")
+    ), _ = f(
+      () => t.rightFeatures === void 0 || t.rightFeatures.includes("autoRefresh")
+    ), i = E(30);
+    N(
+      () => t.refreshInterval,
+      (a) => {
+        i.value = a;
       },
       { immediate: !0 }
     );
-    const u = i(), R = () => {
-      var o;
-      (o = u.value) == null || o.trigger();
+    const r = E(!1), R = (a) => {
+      r.value || !t.exportFn || (r.value = !0, t.exportFn(a).catch(() => {
+      }).finally(() => {
+        r.value = !1;
+      }));
     };
-    return (o, t) => {
-      const b = k, E = g;
-      return a(), V("div", N, [
-        x("div", T, [
-          v.value ? (a(), d(w, {
+    return (a, e) => {
+      const h = D, b = B, m = V, y = I, A = k;
+      return u(), z("div", G, [
+        g("div", H, [
+          x.value ? (u(), p(A, {
             key: 0,
-            ref_key: "autoRefreshRef",
-            ref: u,
-            modelValue: n.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (r) => n.value = r),
-            interval: l.value,
-            "onUpdate:interval": t[1] || (t[1] = (r) => l.value = r),
-            onRefresh: t[2] || (t[2] = (r) => e.tableExpose.refresh())
-          }, null, 8, ["modelValue", "interval"])) : m("", !0),
-          p.value ? (a(), d(E, {
+            disabled: r.value,
+            onCommand: R
+          }, {
+            dropdown: o(() => [
+              l(y, null, {
+                default: o(() => [
+                  l(m, { command: "selected" }, {
+                    default: o(() => [...e[4] || (e[4] = [
+                      d("导出选择", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  l(m, { command: "current" }, {
+                    default: o(() => [...e[5] || (e[5] = [
+                      d("导出本页", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  l(m, { command: "all" }, {
+                    default: o(() => [...e[6] || (e[6] = [
+                      d("导出全部", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            default: o(() => [
+              l(b, {
+                size: "small",
+                type: "primary",
+                loading: r.value
+              }, {
+                default: o(() => [
+                  e[3] || (e[3] = d(" 导出 ", -1)),
+                  l(h, null, {
+                    default: o(() => [
+                      l(w($))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["loading"])
+            ]),
+            _: 1
+          }, 8, ["disabled"])) : c("", !0)
+        ]),
+        g("div", J, [
+          _.value ? (u(), p(q, {
+            key: 0,
+            modelValue: v.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (s) => v.value = s),
+            interval: i.value,
+            "onUpdate:interval": e[1] || (e[1] = (s) => i.value = s),
+            refreshFn: t.tableExpose.refresh,
+            enabled: !n.loading
+          }, null, 8, ["modelValue", "interval", "refreshFn", "enabled"])) : c("", !0),
+          F.value ? (u(), p(b, {
             key: 1,
+            size: "small",
             circle: "",
-            onClick: R
+            onClick: e[2] || (e[2] = (s) => t.tableExpose.refresh())
           }, {
-            default: c(() => [
-              h(b, {
-                class: y({ "table-toolbar-icon--rotating": s.loading })
+            default: o(() => [
+              l(h, {
+                class: T({ "table-toolbar-icon--rotating": n.loading })
               }, {
-                default: c(() => [
-                  h(C(M))
+                default: o(() => [
+                  l(w(j))
                 ]),
                 _: 1
               }, 8, ["class"])
             ]),
             _: 1
-          })) : m("", !0)
+          })) : c("", !0)
         ])
       ]);
     };
   }
 });
 export {
-  G as default
+  ee as default
 };

package/es/hooks/activated.mjs

@@ -1,34 +1,40 @@
-import { watch as i, ref as s, onMounted as n, onActivated as u, onDeactivated as v, onBeforeUnmount as d } from "vue";
-const c = () => {
-  const e = s(!1);
-  return n(() => {
-    e.value = !0, u(() => {
-      e.value = !0;
+import { watch as d, ref as n, computed as c, onMounted as o, onActivated as s, onDeactivated as r, onBeforeUnmount as u } from "vue";
+const v = () => {
+  const e = n({
+    isActivated: !1,
+    triggerType: "mounted"
+  }), i = c(() => e.value.isActivated), t = (a) => {
+    e.value = a;
+  };
+  return o(() => {
+    t({ isActivated: !0, triggerType: "mounted" }), s(() => {
+      t({ isActivated: !0, triggerType: "activated" });
     });
-  }), v(() => {
-    e.value = !1;
-  }), d(() => {
-    e.value = !1;
+  }), r(() => {
+    t({ isActivated: !1, triggerType: "deactivated" });
+  }), u(() => {
+    t({ isActivated: !1, triggerType: "unmounted" });
   }), {
-    isActivated: e
+    isActivated: i,
+    activatedInfo: c(() => e.value)
   };
-}, f = (e) => {
-  const { isActivated: t } = c();
-  i(
-    t,
-    (a) => {
-      a && e();
+}, g = (e) => {
+  const { activatedInfo: i } = v();
+  d(
+    i,
+    (t) => {
+      t.isActivated && e(t);
     },
     {
       immediate: !0
     }
   );
-}, l = (e, t) => {
-  const { isActivated: a } = c();
-  i(
-    a,
-    (o) => {
-      o ? e() : t();
+}, m = (e, i) => {
+  const { activatedInfo: t } = v();
+  d(
+    t,
+    (a) => {
+      a.isActivated ? e(a) : i(a);
     },
     {
       immediate: !0
@@ -36,7 +42,7 @@ const c = () => {
   );
 };
 export {
-  c as useActivated,
-  l as useActivatedEvent,
-  f as useActivatedExec
+  v as useActivated,
+  m as useActivatedEvent,
+  g as useActivatedExec
 };

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}.auto-refresh[data-v-b734f05f]{display:flex;align-items:center;gap:8px}.auto-refresh-label[data-v-b734f05f]{font-size:13px;color:var(--el-text-color-regular)}.auto-refresh-interval[data-v-b734f05f]{width:80px}.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-4a425d38]{display:flex;justify-content:flex-end;align-items:center;padding-bottom:8px}.table-toolbar-right[data-v-4a425d38]{display:flex;align-items:center;gap:8px}.table-toolbar-icon--rotating[data-v-4a425d38]{animation:table-toolbar-rotating-4a425d38 1s linear infinite}@keyframes table-toolbar-rotating-4a425d38{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-main-table[data-v-5944984b]{--el-table-header-bg-color: var(--v7c6ca44f)}.table-main-pagination[data-v-5944984b]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-a578c778]{min-height:var(--bb4a2a8e)}.list-page-operation[data-v-a578c778]{margin-bottom:10px}.list-page[data-v-a578c778] .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}.auto-refresh[data-v-9d78ca06]{display:flex;align-items:center;gap:8px}.auto-refresh-label[data-v-9d78ca06]{font-size:13px;color:var(--el-text-color-regular)}.auto-refresh-interval[data-v-9d78ca06]{width:80px}.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-60e049ad]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-60e049ad],.table-toolbar-right[data-v-60e049ad]{display:flex;align-items:center;gap:10px}.table-toolbar-icon--rotating[data-v-60e049ad]{animation:table-toolbar-rotating-60e049ad 1s linear infinite}@keyframes table-toolbar-rotating-60e049ad{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-main-table[data-v-643017c3]{--el-table-header-bg-color: var(--v4c03ff8f)}.table-main-pagination[data-v-643017c3]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-182577bf]{min-height:var(--ad28a056)}.list-page-header[data-v-182577bf],.list-page-operation[data-v-182577bf]{margin-bottom:10px}.list-page[data-v-182577bf] .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.1.1-alpha.0",
+  "version": "0.1.1-alpha.2",
   "description": "后台管理核心",
   "private": false,
   "main": "lib/index.cjs",
@@ -77,5 +77,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "ee98121b978b17eb12a861b97ef26227d2315523"
+  "gitHead": "ab2bb3cbded6a375d254e49281d93383534afabe"
 }

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

@@ -16,6 +16,7 @@ declare const _default: <T extends Record<string, any>, PO extends Record<string
         tableMainProps?: Partial<Omit<import('../table').TableMainProps<T, import('../form').ExcludeNeverProperties<import('../form').ExtractFormStringifyRawFromObject<PO, SO>> & SQ, ListPageInnerInjectInfo<PO, F>>, import('./types').TableMainOptionsKey | import('./types').TableMainRewriteKey>> | undefined;
     } & {
         showOperation?: boolean;
+        showHeader?: boolean;
         list?: FormItemConfigList<PO, SO> | undefined;
         api: (params: import('../table').TableApiParams<import('../form').ExcludeNeverProperties<import('../form').ExtractFormStringifyRawFromObject<PO, SO>> & SQ>) => Promise<import('../table').TableApiResult<T>>;
         query?: SQ | undefined;
@@ -41,6 +42,7 @@ declare const _default: <T extends Record<string, any>, PO extends Record<string
         injectInfo: ListPageInnerInjectInfo<PO, F>;
         exposeInfo: TableMainInstance;
     }) => any>> & {
+        header?(_: {}): any;
         operation?(_: {}): any;
     }>;
     emit: {

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

@@ -26,6 +26,8 @@ F extends Record<string, any>> = Partial<Pick<FormSearchProps<PO, SO, {}>, FormS
 } & {
     /** 是否展示操作区 */
     showOperation?: boolean;
+    /** 是否展示头部区 */
+    showHeader?: boolean;
     list?: FormItemConfigList<PO, SO>;
     /** api */
     api: (params: TableApiParams<ExtractFormStringifyFromObject<PO, SO> & SQ>) => Promise<TableApiResult<T>>;

package/types/components/misc/AutoRefresh.vue.d.ts

@@ -1,14 +1,26 @@
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     modelValue: import('vue').PropType<boolean>;
     interval: import('vue').PropType<number>;
-}>, {
-    trigger: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    refresh: () => void;
-}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    refreshFn: {
+        type: globalThis.PropType<() => Promise<unknown>>;
+        required: true;
+    };
+    enabled: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: import('vue').PropType<boolean>;
     interval: import('vue').PropType<number>;
-}>> & Readonly<{
-    onRefresh?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    refreshFn: {
+        type: globalThis.PropType<() => Promise<unknown>>;
+        required: true;
+    };
+    enabled: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    enabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { TableMainInstance } from './types';
+import { ExportType, TableMainInstance } from './types';
 
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     isAutoRefresh: import('vue').PropType<boolean>;
@@ -6,14 +6,19 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: globalThis.PropType<boolean>;
         required: true;
     };
-    features: {
-        type: globalThis.PropType<import('./types').TableToolbarFeature[]>;
-        default: () => string[];
+    leftFeatures: {
+        type: globalThis.PropType<"export"[]>;
+    };
+    rightFeatures: {
+        type: globalThis.PropType<import('./types').TableToolbarRightFeature[]>;
     };
     refreshInterval: {
         type: globalThis.PropType<number>;
         default: number;
     };
+    exportFn: {
+        type: globalThis.PropType<(type: ExportType) => Promise<unknown>>;
+    };
     tableExpose: {
         type: globalThis.PropType<TableMainInstance>;
         required: true;
@@ -24,20 +29,24 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: globalThis.PropType<boolean>;
         required: true;
     };
-    features: {
-        type: globalThis.PropType<import('./types').TableToolbarFeature[]>;
-        default: () => string[];
+    leftFeatures: {
+        type: globalThis.PropType<"export"[]>;
+    };
+    rightFeatures: {
+        type: globalThis.PropType<import('./types').TableToolbarRightFeature[]>;
     };
     refreshInterval: {
         type: globalThis.PropType<number>;
         default: number;
     };
+    exportFn: {
+        type: globalThis.PropType<(type: ExportType) => Promise<unknown>>;
+    };
     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

@@ -24,19 +24,30 @@ export interface TableMainInstance {
     reload: (slice?: boolean) => Promise<unknown>;
     getTableInstance: () => TableInstance | undefined;
 }
-/** toolbar 可配置功能列表 */
-export type TableToolbarFeature = "refresh" | "autoRefresh";
+/** 导出类型 */
+export type ExportType = "selected" | "current" | "all";
+/** toolbar 左侧功能 */
+export type TableToolbarLeftFeature = "export";
+/** toolbar 右侧功能 */
+export type TableToolbarRightFeature = "refresh" | "autoRefresh";
 /** toolbar 可配置项（通过 TableMain 的 toolbar prop 传入） */
 export interface TableToolbarConfig {
     /**
-     * 功能列表。
-     * - undefined（默认）：显示所有功能
-     * - []（空数组）：不渲染 toolbar
-     * - 枚举子集：仅显示指定功能
+     * 左侧功能列表。
+     * - undefined（默认）：显示所有左侧功能
+     * - []（空数组）：不渲染左侧功能
      */
-    features?: TableToolbarFeature[];
+    leftFeatures?: TableToolbarLeftFeature[];
+    /**
+     * 右侧功能列表。
+     * - undefined（默认）：显示所有右侧功能
+     * - []（空数组）：不渲染右侧功能
+     */
+    rightFeatures?: TableToolbarRightFeature[];
     /** 自动刷新默认间隔（秒），默认 30 */
     refreshInterval?: number;
+    /** 导出方法。传入导出类型，返回 Promise */
+    exportFn?: (type: ExportType) => Promise<unknown>;
 }
 /** 表格列默认作用域 */
 export interface TableColumnDefaultScope<T extends Record<string, any>, F extends Record<string, any>> {
@@ -82,7 +93,7 @@ SQ extends Record<string, any>,
 F extends Record<string, any>> {
     /** 展示分页器 */
     showPager?: boolean;
-    /** 是否显示 toolbar（顶层开关，默认 true，优先级高于 toolbar.features） */
+    /** 是否显示 toolbar（顶层开关，默认 true，优先级高于 toolbar.leftFeatures / rightFeatures） */
     showToolbar?: boolean;
     /** toolbar 配置 */
     toolbar?: TableToolbarConfig;

package/types/hooks/activated.d.ts

@@ -1,8 +1,17 @@
+/** 激活信息 */
+export interface ActivatedInfo {
+    isActivated: boolean;
+    triggerType: "mounted" | "activated" | "deactivated" | "unmounted";
+}
 /** 是否激活 */
 export declare const useActivated: () => {
-    isActivated: globalThis.Ref<boolean, boolean>;
+    isActivated: globalThis.ComputedRef<boolean>;
+    activatedInfo: globalThis.ComputedRef<{
+        isActivated: boolean;
+        triggerType: "mounted" | "activated" | "deactivated" | "unmounted";
+    }>;
 };
 /** 激活时执行时间 */
-export declare const useActivatedExec: (callback: () => void) => void;
+export declare const useActivatedExec: (callback: (info: ActivatedInfo) => void) => void;
 /** 激活时监听事件 */
-export declare const useActivatedEvent: (bind: () => void, unbind: () => void) => void;
+export declare const useActivatedEvent: (bind: (info: ActivatedInfo) => void, unbind: (info: ActivatedInfo) => void) => void;