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

package/es/components/display/TabsMain.vue.mjs

@@ -0,0 +1,61 @@
+import { ElTabs as v, ElTabPane as b } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/tabs/style/css";
+import "element-plus/es/components/tab-pane/style/css";
+import { defineComponent as y, useModel as V, computed as _, openBlock as n, createBlock as m, isRef as B, unref as i, withCtx as d, createElementBlock as M, Fragment as T, renderList as g, renderSlot as k, mergeModels as R } from "vue";
+import { useRouter as E } from "vue-router";
+import { TabsMainReplaceQueryKey as Q } from "../../config/route.mjs";
+const F = /* @__PURE__ */ y({
+  __name: "TabsMain",
+  props: /* @__PURE__ */ R({
+    list: {},
+    replaceQuery: { type: Boolean, default: !1 },
+    notNull: { type: Boolean, default: !0 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const t = a, o = V(a, "modelValue"), s = E(), c = (e) => e === void 0 || e === "" ? !1 : t.list.some((u) => u.value === e), r = _({
+      get() {
+        return c(o.value) ? o.value : t.notNull && t.list.length > 0 ? t.list[0].value : o.value;
+      },
+      set(e) {
+        o.value = e, t.replaceQuery && s.replace({
+          query: {
+            ...s.currentRoute.value.query,
+            [Q]: e
+          }
+        });
+      }
+    });
+    return (e, u) => {
+      const p = b, f = v;
+      return n(), m(f, {
+        modelValue: i(r),
+        "onUpdate:modelValue": u[0] || (u[0] = (l) => B(r) ? r.value = l : null)
+      }, {
+        default: d(() => [
+          (n(!0), M(T, null, g(a.list, (l) => (n(), m(p, {
+            key: l.value,
+            label: l.title,
+            name: l.value
+          }, {
+            default: d(() => [
+              k(e.$slots, `content-${l.value}`, {
+                item: l,
+                currentValue: i(r)
+              })
+            ]),
+            _: 2
+          }, 1032, ["label", "name"]))), 128))
+        ]),
+        _: 3
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  F as default
+};

package/es/components/display/TabsMain.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./TabsMain.vue.mjs";
+export {
+  f as default
+};

package/es/components/display/index.mjs

@@ -1,12 +1,14 @@
-import c from "./WatchSize.vue.mjs";
-const s = { WatchSize: c }, e = {
-  install(t) {
-    Object.entries(s).forEach(([n, o]) => {
-      t.component(n, o);
+import t from "./WatchSize.vue.mjs";
+import o from "./TabsMain.vue.mjs";
+const i = { WatchSize: t, TabsMain: o }, m = {
+  install(a) {
+    Object.entries(i).forEach(([n, s]) => {
+      a.component(n, s);
     });
   }
 };
 export {
-  c as WatchSize,
-  e as displayInstall
+  o as TabsMain,
+  t as WatchSize,
+  m as displayInstall
 };

package/es/components/form/FormDateTimeRange.vue.mjs

@@ -0,0 +1,46 @@
+import { ElDatePicker as d, ElButton 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/date-picker/style/css";
+import { defineComponent as p, useModel as f, useAttrs as k, openBlock as o, createElementBlock as r, createVNode as V, mergeProps as _, unref as g, Fragment as y, renderList as B, createBlock as C, withCtx as D, createTextVNode as E, toDisplayString as v, mergeModels as w } from "vue";
+const x = { class: "form-date-time-range" }, N = /* @__PURE__ */ p({
+  name: "FormDateTimeRange",
+  inheritAttrs: !1,
+  __name: "FormDateTimeRange",
+  props: /* @__PURE__ */ w({
+    swiftOptions: { default: () => [] }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const t = f(l, "modelValue"), m = k(), i = (n) => {
+      t.value = n.set();
+    };
+    return (n, a) => {
+      const s = d, u = c;
+      return o(), r("span", x, [
+        V(s, _({
+          modelValue: t.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (e) => t.value = e),
+          type: "datetimerange"
+        }, g(m)), null, 16, ["modelValue"]),
+        (o(!0), r(y, null, B(l.swiftOptions, (e) => (o(), C(u, {
+          key: e.key,
+          type: "primary",
+          link: "",
+          onClick: (h) => i(e)
+        }, {
+          default: D(() => [
+            E(v(e.key), 1)
+          ]),
+          _: 2
+        }, 1032, ["onClick"]))), 128))
+      ]);
+    };
+  }
+});
+export {
+  N as default
+};

package/es/components/form/FormDateTimeRange.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./FormDateTimeRange.vue.mjs";
+export {
+  f as default
+};

package/es/components/form/FormRadio.vue.mjs

@@ -0,0 +1,69 @@
+import { ElRadioGroup as h, ElRadioButton as y, ElRadio as B } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/radio-group/style/css";
+import "element-plus/es/components/radio/style/css";
+import "element-plus/es/components/radio-button/style/css";
+import { defineComponent as V, useModel as _, computed as b, watch as g, openBlock as a, createBlock as r, unref as x, withCtx as d, createElementBlock as m, Fragment as c, renderList as s, createTextVNode as v, toDisplayString as p, createCommentVNode as M, mergeModels as N } from "vue";
+const D = /* @__PURE__ */ V({
+  name: "FormRadio",
+  inheritAttrs: !0,
+  __name: "FormRadio",
+  props: /* @__PURE__ */ N({
+    list: {},
+    mode: { default: "radio" },
+    notNull: { type: Boolean, default: !0 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const u = o, l = _(o, "modelValue"), n = b(() => {
+      if (u.notNull && u.list.length > 0) {
+        const e = u.list.some((i) => i.value === l.value);
+        if (l.value === void 0 || !e)
+          return u.list[0].value;
+      }
+      return l.value;
+    }), f = (e) => {
+      l.value = e;
+    };
+    return g(
+      n,
+      (e) => {
+        e !== void 0 && e !== l.value && (l.value = e);
+      },
+      { immediate: !0 }
+    ), (e, i) => {
+      const R = y, k = B, E = h;
+      return a(), r(E, {
+        "model-value": x(n),
+        "onUpdate:modelValue": f
+      }, {
+        default: d(() => [
+          o.mode === "buttonGroup" ? (a(!0), m(c, { key: 0 }, s(o.list, (t) => (a(), r(R, {
+            key: t.value,
+            value: t.value
+          }, {
+            default: d(() => [
+              v(p(t.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["value"]))), 128)) : o.mode === "radio" ? (a(!0), m(c, { key: 1 }, s(o.list, (t) => (a(), r(k, {
+            key: t.value,
+            value: t.value
+          }, {
+            default: d(() => [
+              v(p(t.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["value"]))), 128)) : M("", !0)
+        ]),
+        _: 1
+      }, 8, ["model-value"]);
+    };
+  }
+});
+export {
+  D as default
+};

package/es/components/form/FormRadio.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./FormRadio.vue.mjs";
+export {
+  f as default
+};

package/es/components/form/index.mjs

@@ -1,32 +1,38 @@
-import e from "./FormMain.vue.mjs";
+import a from "./FormMain.vue.mjs";
 import i from "./FormSelect.vue.mjs";
-import a from "./FormRadioGroup.vue.mjs";
-import t from "./FormTree.vue.mjs";
-import f from "./FormSearch.vue.mjs";
-import n from "./FormVerifyImage.vue.mjs";
-import s from "./FormVerifyCode.vue.mjs";
-const c = {
-  FormMain: e,
+import e from "./FormRadioGroup.vue.mjs";
+import t from "./FormRadio.vue.mjs";
+import f from "./FormTree.vue.mjs";
+import n from "./FormSearch.vue.mjs";
+import s from "./FormVerifyImage.vue.mjs";
+import c from "./FormVerifyCode.vue.mjs";
+import F from "./FormDateTimeRange.vue.mjs";
+const p = {
+  FormMain: a,
   FormSelect: i,
-  FormRadioGroup: a,
-  FormTree: t,
-  FormSearch: f,
-  FormVerifyImage: n,
-  FormVerifyCode: s
-}, S = {
+  FormRadioGroup: e,
+  FormRadio: t,
+  FormTree: f,
+  FormSearch: n,
+  FormVerifyImage: s,
+  FormVerifyCode: c,
+  FormDateTimeRange: F
+}, V = {
   install(o) {
-    Object.entries(c).forEach(([r, m]) => {
-      o.component(r, m);
+    Object.entries(p).forEach(([m, r]) => {
+      o.component(m, r);
     });
   }
 };
 export {
-  e as FormMain,
-  a as FormRadioGroup,
-  f as FormSearch,
+  F as FormDateTimeRange,
+  a as FormMain,
+  t as FormRadio,
+  e as FormRadioGroup,
+  n as FormSearch,
   i as FormSelect,
-  t as FormTree,
-  s as FormVerifyCode,
-  n as FormVerifyImage,
-  S as formInstall
+  f as FormTree,
+  c as FormVerifyCode,
+  s as FormVerifyImage,
+  V as formInstall
 };

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

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

@@ -1,7 +1,7 @@
 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 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 { 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";
@@ -9,7 +9,7 @@ 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 = {
+const be = {
   "element-loading-background": "rgba(122, 122, 122, 0.5)",
   class: "list-page"
 }, ke = /* @__PURE__ */ re({
@@ -36,9 +36,9 @@ const Se = {
   emits: /* @__PURE__ */ A(["dataChange", "pageInfoChange"], ["update:isAutoRefresh"]),
   setup(n, { expose: x, emit: B }) {
     ae((e) => ({
-      v036568fb: a(q)
+      bb4a2a8e: a(q)
     }));
-    const o = n, b = B, m = oe(n, "isAutoRefresh"), p = c({}), v = c(
+    const o = n, S = B, m = oe(n, "isAutoRefresh"), p = c({}), v = c(
       {}
     ), C = c(!1), i = O(), u = O(), E = ne(
       ye,
@@ -61,9 +61,9 @@ const Se = {
         ...f
       };
     }, J = (e) => {
-      b("dataChange", e);
+      S("dataChange", e);
     }, Q = (e) => {
-      b("pageInfoChange", e);
+      S("pageInfoChange", e);
     }, z = (e) => {
       C.value = e;
     }, G = (e) => {
@@ -71,11 +71,11 @@ const Se = {
     }, U = (e) => {
       R.value = e;
     }, W = s(() => o.list), Y = s(() => o.rowKey), P = s(() => p.value), D = {
-      refresh: (e = !1) => {
+      refresh: async (e = !1) => {
         var t;
         return (t = u.value) == null ? void 0 : t.refresh(e);
       },
-      reload: (e = !1) => {
+      reload: async (e = !1) => {
         var t;
         return (t = u.value) == null ? void 0 : t.reload(e);
       },
@@ -131,7 +131,7 @@ const Se = {
       }
     ), (e, t) => {
       const f = te;
-      return ie((j(), le("div", Se, [
+      return ie((j(), le("div", be, [
         k(a(fe), y({
           ref_key: "formSearch",
           ref: i,
@@ -142,7 +142,7 @@ const Se = {
           onHeightChange: G,
           onVisibleChange: ee
         }), F({ _: 2 }, [
-          S(n.list, (r) => ({
+          b(n.list, (r) => ({
             name: r.key,
             fn: g((l) => [
               d(e.$slots, `form-${r.key}`, T($(l)), void 0, !0)
@@ -176,13 +176,13 @@ const Se = {
           onDataChange: J,
           onPageInfoChange: Q
         }), F({ _: 2 }, [
-          S(n.columns, (r) => ({
+          b(n.columns, (r) => ({
             name: r.prop,
             fn: g((l) => [
               d(e.$slots, `table-${r.prop}`, T($(Z(l))), void 0, !0)
             ])
           })),
-          S(n.columns, (r) => ({
+          b(n.columns, (r) => ({
             name: `header-${r.prop}`,
             fn: g((l) => {
               var h;

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

@@ -0,0 +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"]]);
+export {
+  m as default
+};

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

@@ -0,0 +1,57 @@
+import { ElInputNumber as x, ElSwitch as M } 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({
+  __name: "AutoRefresh",
+  props: {
+    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);
+    };
+    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),
+            min: 1,
+            step: 5,
+            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"])
+      ]);
+    };
+  }
+});
+export {
+  F as default
+};

package/es/components/misc/index.mjs

@@ -1,12 +1,14 @@
-import n from "./TriggerAutoImport.vue.mjs";
-const s = { TriggerAutoImport: n }, e = {
+import e from "./TriggerAutoImport.vue.mjs";
+import m from "./AutoRefresh.vue.mjs";
+const n = { TriggerAutoImport: e, AutoRefresh: m }, i = {
   install(o) {
-    Object.entries(s).forEach(([t, r]) => {
+    Object.entries(n).forEach(([t, r]) => {
       o.component(t, r);
     });
   }
 };
 export {
-  n as TriggerAutoImport,
-  e as miscInstall
+  m as AutoRefresh,
+  e as TriggerAutoImport,
+  i as miscInstall
 };

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

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

@@ -37,11 +37,11 @@ const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, qe
     isAutoRefreshModifiers: {}
   }),
   emits: /* @__PURE__ */ G(["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh"]),
-  setup(s, { expose: W, emit: Z }) {
+  setup(i, { expose: W, emit: Z }) {
     ce((e) => ({
-      v1961e86c: e.headerColor
+      v7c6ca44f: e.headerColor
     }));
-    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) => {
+    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(
       Pe,
@@ -64,7 +64,7 @@ const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, qe
       ) : void 0;
     }), S = d(() => {
       const e = U(a.query || {});
-      return D(e, E.PAGE_SIZE_KEY, i.value), D(
+      return D(e, E.PAGE_SIZE_KEY, s.value), D(
         e,
         E.CURRENT_PAGE_KEY,
         o.value
@@ -80,10 +80,10 @@ const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, qe
         )} => ${JSON.stringify(S.value)}`
       ), u;
     }, K = (e = !1) => {
-      if (!i.value) return;
+      if (!s.value) return;
       h.value ? console.warn("请求并发") : h.value = !0, e || (x.value = !0);
       const t = U(S.value);
-      a.api(t).then((u) => {
+      return a.api(t).then((u) => {
         A(t, !1) && (T.value = F(
           u,
           E.LIST_KEY
@@ -91,17 +91,21 @@ const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, qe
           u,
           E.TOTAL_KEY
         ), m("pageInfoChange", {
-          pageSize: i.value,
+          pageSize: s.value,
           currentPage: o.value,
           total: w.value
         }));
       }).finally(() => {
         A(t) && (h.value = !1, x.value = !1);
       });
-    }, j = (e = !1) => {
-      K(e);
-    }, ae = (e = !1) => {
-      o.value === 1 ? j(e) : o.value = 1;
+    }, j = async (e = !1) => {
+      var t;
+      return (t = K(e)) == null ? void 0 : t.catch(() => {
+      });
+    }, ae = async (e = !1) => {
+      if (o.value === 1)
+        return j(e);
+      o.value = 1;
     }, oe = (e) => e, v = {
       refresh: j,
       reload: ae,
@@ -117,10 +121,10 @@ const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, qe
     });
     W(v);
     const ne = (e) => {
-      i.value = e, o.value = 1;
+      s.value = e, o.value = 1;
     }, M = (e) => !e || e === "expand";
     return be(() => {
-      i.value = a.pageSizeInit, Ce(() => {
+      s.value = a.pageSizeInit, Ce(() => {
         v.refresh();
       });
     }), c(T, (e) => {
@@ -140,12 +144,12 @@ const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, qe
       }
     ), c(x, (e) => {
       m("loadingChange", e);
-    }), c(i, (e) => {
+    }), c(s, (e) => {
       m("pageSizeChange", e);
     }), c(o, (e) => {
       m("pageChange", e);
     }), (e, t) => {
-      const u = fe, le = ge, ie = ue, se = pe;
+      const u = fe, le = ge, se = ue, ie = pe;
       return n(), y("div", Oe, [
         l(N) ? (n(), b(l(Re), {
           key: 0,
@@ -161,7 +165,7 @@ const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, qe
           ]),
           _: 1
         })) : Se("", !0),
-        I(ie, p({
+        I(se, p({
           ref_key: "elTable",
           ref: z,
           class: "table-main-table",
@@ -171,7 +175,7 @@ const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, qe
         }, l(re), {
           maxHeight: l(te),
           data: l(T),
-          rowKey: oe(s.rowKey)
+          rowKey: oe(i.rowKey)
         }), {
           empty: C(() => [
             l(h) ? (n(), y(_, { key: 0 }, [
@@ -179,7 +183,7 @@ const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, qe
             ], 64)) : (n(), b(le, { key: 1 }))
           ]),
           default: C(() => [
-            (n(!0), y(_, null, _e(s.columns, (r) => (n(), b(u, p({
+            (n(!0), y(_, null, _e(i.columns, (r) => (n(), b(u, p({
               key: r.columnKey || r.prop
             }, { ref_for: !0 }, r), Ee({ _: 2 }, [
               M(r.type) ? {
@@ -217,20 +221,20 @@ const Oe = { class: "table-main" }, ze = { class: "table-main-pagination" }, qe
           _: 3
         }, 16, ["maxHeight", "data", "rowKey"]),
         Te(we("div", ze, [
-          I(se, {
+          I(ie, {
             "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,
+            "page-size": l(s),
+            "onUpdate:pageSize": t[2] || (t[2] = (r) => Y(s) ? s.value = r : null),
+            "page-sizes": i.pageSizeOptions,
             size: "small",
             background: "",
-            layout: s.pageLayout,
+            layout: i.pageLayout,
             total: l(w),
             onSizeChange: ne
           }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total"])
         ], 512), [
-          [xe, s.showPager]
+          [xe, i.showPager]
         ])
       ]);
     };

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

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

@@ -1,16 +1,13 @@
-import { ElInputNumber as g, ElSwitch as w, ElButton as y, ElIcon as C } from "element-plus/es";
+import { ElButton as g, ElIcon as k } 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({
+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({
   __name: "TableToolbar",
-  props: /* @__PURE__ */ F({
+  props: /* @__PURE__ */ I({
     features: { default: () => ["refresh", "autoRefresh"] },
     refreshInterval: { default: 30 },
     tableExpose: {},
@@ -20,76 +17,59 @@ const G = { class: "table-toolbar" }, H = { class: "table-toolbar-right" }, $ =
     isAutoRefreshModifiers: {}
   }),
   emits: ["update:isAutoRefresh"],
-  setup(n) {
-    const e = n, t = N(n, "isAutoRefresh"), R = p(
+  setup(s) {
+    const e = s, n = B(s, "isAutoRefresh"), p = f(
       () => e.features === void 0 || e.features.includes("refresh")
-    ), d = p(
+    ), v = f(
       () => e.features === void 0 || e.features.includes("autoRefresh")
-    ), l = T(30);
-    i(
+    ), l = i(30);
+    _(
       () => e.refreshInterval,
-      (r) => {
-        l.value = r;
+      (o) => {
+        l.value = o;
       },
       { immediate: !0 }
     );
-    const [x, V] = q(), s = () => {
-      x(() => {
-        e.tableExpose.refresh(), t.value && s();
-      }, l.value * 1e3);
-    }, _ = () => {
-      e.tableExpose.refresh(), t.value && s();
+    const u = i(), R = () => {
+      var o;
+      (o = u.value) == null || o.trigger();
     };
-    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, {
+    return (o, t) => {
+      const b = k, E = g;
+      return a(), V("div", N, [
+        x("div", T, [
+          v.value ? (a(), d(w, {
+            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, {
             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: _
+            onClick: R
           }, {
-            default: E(() => [
-              f(B, {
-                class: U({ "table-toolbar-icon--rotating": n.loading })
+            default: c(() => [
+              h(b, {
+                class: y({ "table-toolbar-icon--rotating": s.loading })
               }, {
-                default: E(() => [
-                  f(v(j))
+                default: c(() => [
+                  h(C(M))
                 ]),
                 _: 1
               }, 8, ["class"])
             ]),
             _: 1
-          })) : c("", !0)
+          })) : m("", !0)
         ])
       ]);
     };
   }
 });
 export {
-  $ as default
+  G as default
 };

package/es/config/route.mjs

@@ -1,4 +1,5 @@
-const E = 1;
+const e = 1, a = "_tab";
 export {
-  E as ROUTE_MODULE_LEVEL
+  e as ROUTE_MODULE_LEVEL,
+  a as TabsMainReplaceQueryKey
 };

package/es/index.mjs

@@ -5,99 +5,108 @@ 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 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 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 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";
-import { default as z } from "./components/modal/ConfirmModal.vue.mjs";
-import { FORM_CONFIG_SELECT_ALL_VALUE as K, getConfirmPasswordRule as Y, passwordRule as j, setFormComponentType as k } from "./helpers/form.mjs";
-import { FORM_ITEM_CHANGE_LOADING as J, generateFormData as Q, getBlurSubmit as X, getChangeSubmit as Z, getEnterSubmit as $, getPlaceholder as ee, getVModelSugar as te, parseFormData as oe, setInputComponent as re, setSelectComponent as ae, stringifyFormData as me, swiftFormItemConfig as fe } from "./components/form/utils.mjs";
-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 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";
+import { default as F } from "./components/modal/DetailModal.vue.mjs";
+import { default as E } from "./components/form/FormDateTimeRange.vue.mjs";
+import { default as R } from "./components/form/FormMain.vue.mjs";
+import { default as C } from "./components/form/FormRadio.vue.mjs";
+import { default as S } from "./components/form/FormRadioGroup.vue.mjs";
+import { default as D } from "./components/form/FormSelect.vue.mjs";
+import { default as P } from "./components/form/FormTree.vue.mjs";
+import { default as h } from "./components/form/FormVerifyCode.vue.mjs";
+import { default as G } from "./components/menu/MenuItemSub.vue.mjs";
+import { default as w } from "./components/menu/MenuTree.vue.mjs";
+import { default as v } from "./components/display/TabsMain.vue.mjs";
+import { default as H } from "./components/misc/TriggerAutoImport.vue.mjs";
+import { default as W } from "./components/display/WatchSize.vue.mjs";
+import { APP_API_LIST_MODEL_KEY_CONFIG as B } from "./config/list-model.mjs";
+import { default as Q } from "./components/misc/AutoRefresh.vue.mjs";
+import { BODY_CONTENT_VIEWPORT_HEIGHT as k } from "./inject/key.mjs";
+import { default as J } from "./components/modal/ConfirmModal.vue.mjs";
+import { FORM_CONFIG_SELECT_ALL_VALUE as Z, getConfirmPasswordRule as $, passwordRule as ee, setFormComponentType as te } from "./helpers/form.mjs";
+import { FORM_ITEM_CHANGE_LOADING as re, generateFormData as ae, getBlurSubmit as me, getChangeSubmit as fe, getEnterSubmit as se, getPlaceholder as le, getVModelSugar as ue, parseFormData as ie, setInputComponent as pe, setSelectComponent as ne, stringifyFormData as xe, swiftFormItemConfig as de } from "./components/form/utils.mjs";
+import { default as ce } from "./components/form/FormSearch.vue.mjs";
+import { default as Fe } from "./components/form/FormVerifyImage.vue.mjs";
+import { default as Ee } from "./components/list-page/ListPage.vue.mjs";
+import { ROUTE_MODULE_LEVEL as Re, TabsMainReplaceQueryKey as _e } from "./config/route.mjs";
+import { default as Ae } from "./components/table/TableMain.vue.mjs";
+import { countAll as Le, createListApi as De, fetchListAll as Oe } from "./helpers/list-helper.mjs";
+import { createGenerateRouteMetaRawTree as be } from "./helpers/route.mjs";
+import { createStorageWithNamespace as ye } from "./helpers/storage.mjs";
+import { createUseState as Ne } from "./helpers/state.mjs";
+import { flatRouteMetaResolveRaw as Ve, getRoutePermissionKey as ve } from "./utils/router.mjs";
+import { getId as He } from "./utils/id.mjs";
+import { timeCountDown as We } from "./utils/time.mjs";
+import { useActivated as Be, useActivatedEvent as Ye, useActivatedExec as Qe } from "./hooks/activated.mjs";
+import { useFeelSize as ke } from "./hooks/feel-size.mjs";
+import { useMenusDataDispatch as Je } from "./hooks/menus-dispatch.mjs";
+import { useTimeout as Ze } 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);
   }
 };
 export {
-  v as APP_API_LIST_MODEL_KEY_CONFIG,
-  H as BODY_CONTENT_VIEWPORT_HEIGHT,
-  z as ConfirmModal,
-  E as DetailModal,
-  K as FORM_CONFIG_SELECT_ALL_VALUE,
-  J as FORM_ITEM_CHANGE_LOADING,
-  _ as FormMain,
-  M as FormRadioGroup,
-  le as FormSearch,
-  S as FormSelect,
-  L as FormTree,
-  D as FormVerifyCode,
-  ie as FormVerifyImage,
-  ne as ListPage,
-  P as MenuItemSub,
-  G as MenuTree,
-  de as ROUTE_MODULE_LEVEL,
-  ce as TableMain,
-  b as TriggerAutoImport,
-  y as WatchSize,
-  Ee as countAll,
-  Me as createGenerateRouteMetaRawTree,
-  Fe as createListApi,
-  Se as createStorageWithNamespace,
-  Le as createUseState,
+  B as APP_API_LIST_MODEL_KEY_CONFIG,
+  Q as AutoRefresh,
+  k as BODY_CONTENT_VIEWPORT_HEIGHT,
+  J as ConfirmModal,
+  F as DetailModal,
+  Z as FORM_CONFIG_SELECT_ALL_VALUE,
+  re as FORM_ITEM_CHANGE_LOADING,
+  E as FormDateTimeRange,
+  R as FormMain,
+  C as FormRadio,
+  S as FormRadioGroup,
+  ce as FormSearch,
+  D as FormSelect,
+  P as FormTree,
+  h as FormVerifyCode,
+  Fe as FormVerifyImage,
+  Ee as ListPage,
+  G as MenuItemSub,
+  w as MenuTree,
+  Re as ROUTE_MODULE_LEVEL,
+  Ae as TableMain,
+  v as TabsMain,
+  _e as TabsMainReplaceQueryKey,
+  H as TriggerAutoImport,
+  W as WatchSize,
+  Le as countAll,
+  be as createGenerateRouteMetaRawTree,
+  De as createListApi,
+  ye as createStorageWithNamespace,
+  Ne as createUseState,
   r as displayInstall,
-  _e as fetchListAll,
-  De as flatRouteMetaResolveRaw,
+  Oe as fetchListAll,
+  Ve as flatRouteMetaResolveRaw,
   t as formInstall,
-  Q as generateFormData,
-  X as getBlurSubmit,
-  Z as getChangeSubmit,
-  Y as getConfirmPasswordRule,
-  $ as getEnterSubmit,
-  he as getId,
-  ee as getPlaceholder,
-  Oe as getRoutePermissionKey,
-  te as getVModelSugar,
+  ae as generateFormData,
+  me as getBlurSubmit,
+  fe as getChangeSubmit,
+  $ as getConfirmPasswordRule,
+  se as getEnterSubmit,
+  He as getId,
+  le as getPlaceholder,
+  ve as getRoutePermissionKey,
+  ue as getVModelSugar,
   I as installComponents,
   s as listPageInstall,
   o as menuInstall,
   a as miscInstall,
   m as modalInstall,
-  oe as parseFormData,
-  j as passwordRule,
-  k as setFormComponentType,
-  re as setInputComponent,
-  ae as setSelectComponent,
-  me as stringifyFormData,
-  fe as swiftFormItemConfig,
+  ie as parseFormData,
+  ee as passwordRule,
+  te as setFormComponentType,
+  pe as setInputComponent,
+  ne as setSelectComponent,
+  xe as stringifyFormData,
+  de as swiftFormItemConfig,
   f as tableInstall,
-  Ne as timeCountDown,
-  we as useActivated,
-  ye as useActivatedEvent,
-  Ve as useActivatedExec,
-  Ue as useFeelSize,
-  We as useMenusDataDispatch,
-  Be as useTimeout
+  We as timeCountDown,
+  Be as useActivated,
+  Ye as useActivatedEvent,
+  Qe as useActivatedExec,
+  ke as useFeelSize,
+  Je as useMenusDataDispatch,
+  Ze 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-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}
+.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}

package/package.json

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

package/types/components/display/TabsMain.vue.d.ts

@@ -0,0 +1,52 @@
+declare function __VLS_template(): Partial<Record<`content-${string}`, (_: {
+    item: {
+        value: string;
+        title: string;
+    };
+    currentValue: string | undefined;
+}) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    list: {
+        type: globalThis.PropType<{
+            value: string;
+            title: string;
+        }[]>;
+        required: true;
+    };
+    replaceQuery: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    notNull: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    list: {
+        type: globalThis.PropType<{
+            value: string;
+            title: string;
+        }[]>;
+        required: true;
+    };
+    replaceQuery: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    notNull: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    replaceQuery: boolean;
+    notNull: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/display/index.d.ts

@@ -1,5 +1,6 @@
 import { Plugin } from 'vue';
 import { default as WatchSize } from './WatchSize.vue';
+import { default as TabsMain } from './TabsMain.vue';
 
-export { WatchSize };
+export { WatchSize, TabsMain };
 export declare const displayInstall: Plugin;

package/types/components/form/FormDateTimeRange.vue.d.ts

@@ -0,0 +1,18 @@
+import { DateTimeRangeSwiftOption } from './types';
+
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: import('vue').PropType<[Date, Date] | null>;
+    swiftOptions: {
+        type: globalThis.PropType<DateTimeRangeSwiftOption[]>;
+        default: () => never[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: import('vue').PropType<[Date, Date] | null>;
+    swiftOptions: {
+        type: globalThis.PropType<DateTimeRangeSwiftOption[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    swiftOptions: DateTimeRangeSwiftOption[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/components/form/FormRadio.vue.d.ts

@@ -0,0 +1,35 @@
+import { OptionItem } from './types';
+
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: import('vue').PropType<OptionItem["value"]>;
+    list: {
+        type: globalThis.PropType<OptionItem[]>;
+        required: true;
+    };
+    notNull: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    mode: {
+        type: globalThis.PropType<"radio" | "buttonGroup">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: import('vue').PropType<OptionItem["value"]>;
+    list: {
+        type: globalThis.PropType<OptionItem[]>;
+        required: true;
+    };
+    notNull: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    mode: {
+        type: globalThis.PropType<"radio" | "buttonGroup">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    notNull: boolean;
+    mode: "radio" | "buttonGroup";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/components/form/FormSearch.vue.d.ts

@@ -2,8 +2,8 @@ import { FormSearchInstance, FormSearchProps, FormSearchSearchType } from './typ
 
 declare const _default: <PO extends Record<string, any>, SO extends Record<string, any>, SQ extends Record<string, any>>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
-        readonly onHeightChange?: ((height: number) => any) | undefined;
         readonly onSearch?: ((data: import('./types').ExcludeNeverProperties<import('./types').ExtractFormStringifyRawFromObject<PO, SO>> & SQ, type: FormSearchSearchType) => any) | undefined;
+        readonly onHeightChange?: ((height: number) => any) | undefined;
         readonly onVisibleChange?: ((status: boolean) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & FormSearchProps<PO, SO, SQ>, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
     expose(exposed: import('vue').ShallowUnwrapRef<FormSearchInstance>): void;

package/types/components/form/FormSelect.vue.d.ts

@@ -1,9 +1,5 @@
-interface OptionItem extends Record<string, any> {
-    label: string;
-    value: string | number;
-    disabled?: boolean;
-    [key: string]: any;
-}
+import { OptionItem } from './types';
+
 declare function __VLS_template(): {
     option?(_: {
         data: OptionItem;

package/types/components/form/index.d.ts

@@ -2,12 +2,14 @@ import { Plugin } from 'vue';
 import { default as FormMain } from './FormMain.vue';
 import { default as FormSelect } from './FormSelect.vue';
 import { default as FormRadioGroup } from './FormRadioGroup.vue';
+import { default as FormRadio } from './FormRadio.vue';
 import { default as FormTree } from './FormTree.vue';
 import { default as FormSearch } from './FormSearch.vue';
 import { default as FormVerifyImage } from './FormVerifyImage.vue';
 import { default as FormVerifyCode } from './FormVerifyCode.vue';
+import { default as FormDateTimeRange } from './FormDateTimeRange.vue';
 
 export * from './types';
 export * from './utils';
-export { FormMain, FormSelect, FormSearch, FormRadioGroup, FormTree, FormVerifyImage, FormVerifyCode, };
+export { FormMain, FormSelect, FormSearch, FormRadioGroup, FormRadio, FormTree, FormVerifyImage, FormVerifyCode, FormDateTimeRange, };
 export declare const formInstall: Plugin;

package/types/components/form/types.d.ts

@@ -169,6 +169,13 @@ export type FormItemLoadingChangeFunc = (data: {
     key: string;
     message?: string;
 }) => void;
+/** 选项类型 */
+export interface OptionItem extends Record<string, any> {
+    label: string | number;
+    value: string | number;
+    disabled?: boolean;
+    [key: string]: any;
+}
 /** form tree 单项类型 */
 export interface FormTreeItem {
     id: string | number;
@@ -181,6 +188,11 @@ export interface FormTreeItem {
 export type FormItemSubmitType = "blur" | "change" | "enter";
 /** 表单搜索搜索类型 */
 export type FormSearchSearchType = "search" | "reset" | FormItemSubmitType;
+/** 日期时间范围选择器快捷选项 */
+export interface DateTimeRangeSwiftOption {
+    key: string;
+    set: () => [Date, Date];
+}
 export type FormItemConfigSwiftOptionsCommon<PO extends Record<string, any>, 
 /** 需要格式化的模型 */
 SO extends Record<string, any>> = Omit<FormItemConfig<PO, SO>, "rules"> & {

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

@@ -0,0 +1,14 @@
+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<{
+    modelValue: import('vue').PropType<boolean>;
+    interval: import('vue').PropType<number>;
+}>> & Readonly<{
+    onRefresh?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/components/misc/index.d.ts

@@ -1,5 +1,6 @@
 import { Plugin } from 'vue';
 import { default as TriggerAutoImport } from './TriggerAutoImport.vue';
+import { default as AutoRefresh } from './AutoRefresh.vue';
 
-export { TriggerAutoImport };
+export { TriggerAutoImport, AutoRefresh };
 export declare const miscInstall: Plugin;

package/types/components/modal/ConfirmModal.vue.d.ts

@@ -72,8 +72,8 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
 }>>> & Readonly<{
     "onUpdate:show"?: ((value: boolean) => any) | undefined;
 }>, {
-    width: number | string;
     reverse: boolean;
+    width: number | string;
     showClose: boolean;
     cancelText: string | (() => VNode);
     confirmText: string | (() => VNode);

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

@@ -18,8 +18,10 @@ SQ extends Record<string, any> = Record<string, any>> = BuildListParams<typeof A
  */
 export type TableApiResult<T extends Record<string, any> = Record<string, any>> = UnionToIntersection<DotToObject<typeof APP_API_LIST_MODEL_KEY_CONFIG.LIST_KEY, T[]> | DotToObject<typeof APP_API_LIST_MODEL_KEY_CONFIG.TOTAL_KEY, number>>;
 export interface TableMainInstance {
-    refresh: (silent?: boolean) => void;
-    reload: (slice?: boolean) => void;
+    /** 如果关心是否结束（无论成功还是失败 甚至都未发起请求（比如某些状态机未满足）），那么可以await, 等待刷新调用给个结束  */
+    refresh: (silent?: boolean) => Promise<unknown>;
+    /** 如果关心是否结束（无论成功还是失败 甚至都未发起请求（比如某些状态机未满足）），那么可以await, 等待刷新调用给个结束  */
+    reload: (slice?: boolean) => Promise<unknown>;
     getTableInstance: () => TableInstance | undefined;
 }
 /** toolbar 可配置功能列表 */

package/types/config/route.d.ts

@@ -1,2 +1,4 @@
 /** 模块级别的路由 */
 export declare const ROUTE_MODULE_LEVEL = 1;
+/** TabsMain replaceQuery 同步到路由时的 query key */
+export declare const TabsMainReplaceQueryKey = "_tab";