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

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

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

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

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

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

@@ -0,0 +1,75 @@
+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 { 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__ */ I({
+    features: { default: () => ["refresh", "autoRefresh"] },
+    refreshInterval: { default: 30 },
+    tableExpose: {},
+    loading: { type: Boolean }
+  }, {
+    isAutoRefresh: { type: Boolean },
+    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;
+      },
+      { immediate: !0 }
+    );
+    const u = i(), R = () => {
+      var o;
+      (o = u.value) == null || o.trigger();
+    };
+    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,
+            circle: "",
+            onClick: R
+          }, {
+            default: c(() => [
+              h(b, {
+                class: y({ "table-toolbar-icon--rotating": s.loading })
+              }, {
+                default: c(() => [
+                  h(C(M))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ]),
+            _: 1
+          })) : m("", !0)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  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/helpers/list-helper.mjs

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

package/es/hooks/timeout.mjs

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