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

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

@@ -1,75 +1,149 @@
-import { ElDropdown as k, ElButton as B, ElIcon as D, ElDropdownMenu as I, ElDropdownItem as V } from "element-plus/es";
+import { ElDropdown as V, ElButton as $, ElIcon as F, ElDropdownMenu as S, ElDropdownItem as z } 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 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({
+import { defineComponent as L, useModel as P, computed as v, ref as y, watch as N, withDirectives as U, openBlock as c, createElementBlock as X, createElementVNode as R, createBlock as p, withCtx as n, createVNode as r, createTextVNode as h, unref as A, createCommentVNode as g, normalizeClass as q, vShow as O, mergeModels as j } from "vue";
+import { ElMessageBox as G, ElMessage as H } from "element-plus";
+import { ArrowDown as J, Refresh as K } from "@element-plus/icons-vue";
+import Q from "../misc/AutoRefresh.vue.mjs";
+import k from "./ToolbarButtons.vue.mjs";
+import { countAll as W, fetchListAll as M } from "../../helpers/list-helper.mjs";
+import { EXPORT_MAX_LIMIT as f, exportCSV as Y } from "../../utils/export.mjs";
+const Z = { class: "table-toolbar" }, _ = { class: "table-toolbar-left" }, ee = { class: "table-toolbar-right" }, pe = /* @__PURE__ */ L({
   __name: "TableToolbar",
-  props: /* @__PURE__ */ U({
-    leftFeatures: {},
-    rightFeatures: {},
+  props: /* @__PURE__ */ j({
+    showRefresh: { type: Boolean, default: !0 },
+    showAutoRefresh: { type: Boolean, default: !0 },
     refreshInterval: { default: 30 },
+    exportByFe: { type: Boolean, default: !0 },
     exportFn: {},
+    exportColumns: {},
+    leftExtraButtons: {},
+    rightExtraButtons: {},
     tableExpose: {},
-    loading: { type: Boolean }
+    loading: { type: Boolean },
+    exportContext: {},
+    currentPage: {},
+    pageSize: {}
   }, {
     isAutoRefresh: { type: Boolean },
     isAutoRefreshModifiers: {}
   }),
   emits: ["update:isAutoRefresh"],
-  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);
+  setup(l) {
+    const t = l, w = P(l, "isAutoRefresh"), B = v(() => {
+      var o;
+      return !!((o = t.exportColumns) != null && o.length);
+    }), C = v(() => ({
+      tableExpose: t.tableExpose,
+      loading: t.loading,
+      exportContext: t.exportContext,
+      selectedList: t.exportContext.selectedList,
+      pagination: {
+        currentPage: t.currentPage,
+        pageSize: t.pageSize,
+        total: t.exportContext.total
+      }
+    })), D = v(
+      () => {
+        var o, e;
+        return [
+          B.value,
+          t.showAutoRefresh,
+          t.showRefresh,
+          (o = t.leftExtraButtons) == null ? void 0 : o.length,
+          (e = t.rightExtraButtons) == null ? void 0 : e.length
+        ].filter(Boolean).length;
+      }
+    ), E = y(30);
     N(
       () => t.refreshInterval,
-      (a) => {
-        i.value = a;
+      (o) => {
+        E.value = o;
       },
       { immediate: !0 }
     );
-    const r = E(!1), R = (a) => {
-      r.value || !t.exportFn || (r.value = !0, t.exportFn(a).catch(() => {
+    const x = y(!1), I = async (o) => {
+      const { selectedList: e, currentPageList: s, api: d, query: i } = t.exportContext, b = t.exportColumns;
+      let u;
+      switch (o) {
+        case "selected":
+          u = e;
+          break;
+        case "current":
+          u = s;
+          break;
+        case "all":
+          try {
+            const a = await W(d, i);
+            if (a > f) {
+              try {
+                await G.confirm(
+                  `数据量超过 ${f} 条（共 ${a} 条），是否只导出前 ${f} 条？`,
+                  "提示",
+                  {
+                    confirmButtonText: "导出",
+                    cancelButtonText: "取消",
+                    type: "warning"
+                  }
+                );
+              } catch {
+                return;
+              }
+              u = await M(d, i, { limit: f });
+            } else
+              u = await M(d, i, { limit: f });
+          } catch (a) {
+            H.error(`导出失败：${(a == null ? void 0 : a.message) || (a == null ? void 0 : a.toString())}`);
+            return;
+          }
+          break;
+      }
+      const m = `${document.title}-${Date.now()}`;
+      Y({ columns: b, list: u, filename: m });
+    }, T = (o) => {
+      var s;
+      if (x.value) return;
+      x.value = !0;
+      const e = t.exportByFe ? I(o) : (s = t.exportFn) == null ? void 0 : s.call(t, o);
+      Promise.resolve(e).catch(() => {
       }).finally(() => {
-        r.value = !1;
-      }));
+        x.value = !1;
+      });
     };
-    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, {
+    return (o, e) => {
+      const s = F, d = $, i = z, b = S, u = V;
+      return U((c(), X("div", Z, [
+        R("div", _, [
+          B.value ? (c(), p(u, {
             key: 0,
-            disabled: r.value,
-            onCommand: R
+            disabled: !l.exportContext.total,
+            onCommand: T
           }, {
-            dropdown: o(() => [
-              l(y, null, {
-                default: o(() => [
-                  l(m, { command: "selected" }, {
-                    default: o(() => [...e[4] || (e[4] = [
-                      d("导出选择", -1)
+            dropdown: n(() => [
+              r(b, null, {
+                default: n(() => [
+                  l.exportContext.hasSelection ? (c(), p(i, {
+                    key: 0,
+                    command: "selected"
+                  }, {
+                    default: n(() => [...e[4] || (e[4] = [
+                      h(" 导出选择 ", -1)
                     ])]),
                     _: 1
-                  }),
-                  l(m, { command: "current" }, {
-                    default: o(() => [...e[5] || (e[5] = [
-                      d("导出本页", -1)
+                  })) : g("", !0),
+                  r(i, { command: "current" }, {
+                    default: n(() => [...e[5] || (e[5] = [
+                      h("导出本页", -1)
                     ])]),
                     _: 1
                   }),
-                  l(m, { command: "all" }, {
-                    default: o(() => [...e[6] || (e[6] = [
-                      d("导出全部", -1)
+                  r(i, { command: "all" }, {
+                    default: n(() => [...e[6] || (e[6] = [
+                      h("导出全部", -1)
                     ])]),
                     _: 1
                   })
@@ -77,17 +151,17 @@ const G = { class: "table-toolbar" }, H = { class: "table-toolbar-left" }, J = {
                 _: 1
               })
             ]),
-            default: o(() => [
-              l(b, {
+            default: n(() => [
+              r(d, {
                 size: "small",
                 type: "primary",
-                loading: r.value
+                loading: x.value
               }, {
-                default: o(() => [
-                  e[3] || (e[3] = d(" 导出 ", -1)),
-                  l(h, null, {
-                    default: o(() => [
-                      l(w($))
+                default: n(() => [
+                  e[3] || (e[3] = h(" 导出 ", -1)),
+                  r(s, null, {
+                    default: n(() => [
+                      r(A(J))
                     ]),
                     _: 1
                   })
@@ -96,41 +170,51 @@ const G = { class: "table-toolbar" }, H = { class: "table-toolbar-left" }, J = {
               }, 8, ["loading"])
             ]),
             _: 1
-          }, 8, ["disabled"])) : c("", !0)
+          }, 8, ["disabled"])) : g("", !0),
+          r(k, {
+            buttons: l.leftExtraButtons,
+            ctx: C.value
+          }, null, 8, ["buttons", "ctx"])
         ]),
-        g("div", J, [
-          _.value ? (u(), p(q, {
+        R("div", ee, [
+          r(k, {
+            buttons: l.rightExtraButtons,
+            ctx: C.value
+          }, null, 8, ["buttons", "ctx"]),
+          l.showAutoRefresh ? (c(), 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, {
+            modelValue: w.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (m) => w.value = m),
+            interval: E.value,
+            "onUpdate:interval": e[1] || (e[1] = (m) => E.value = m),
+            refreshFn: l.tableExpose.refresh,
+            enabled: !l.loading
+          }, null, 8, ["modelValue", "interval", "refreshFn", "enabled"])) : g("", !0),
+          l.showRefresh ? (c(), p(d, {
             key: 1,
             size: "small",
             circle: "",
-            onClick: e[2] || (e[2] = (s) => t.tableExpose.refresh())
+            onClick: e[2] || (e[2] = (m) => l.tableExpose.refresh())
           }, {
-            default: o(() => [
-              l(h, {
-                class: T({ "table-toolbar-icon--rotating": n.loading })
+            default: n(() => [
+              r(s, {
+                class: q({ "table-toolbar-icon--rotating": l.loading })
               }, {
-                default: o(() => [
-                  l(w(j))
+                default: n(() => [
+                  r(A(K))
                 ]),
                 _: 1
               }, 8, ["class"])
             ]),
             _: 1
-          })) : c("", !0)
+          })) : g("", !0)
         ])
+      ], 512)), [
+        [O, D.value]
       ]);
     };
   }
 });
 export {
-  ee as default
+  pe as default
 };

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

@@ -0,0 +1,49 @@
+import { ElButton as p } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/button/style/css";
+import { defineComponent as y, openBlock as t, createElementBlock as r, Fragment as n, renderList as d, createBlock as c, resolveDynamicComponent as u, unref as x, mergeProps as l, withCtx as m, createTextVNode as i, toDisplayString as f } from "vue";
+import B from "../misc/ActionButton.vue.mjs";
+const A = /* @__PURE__ */ y({
+  __name: "ToolbarButtons",
+  props: {
+    buttons: {},
+    ctx: {}
+  },
+  setup(o) {
+    const s = B;
+    return (_, R) => {
+      const k = p;
+      return t(!0), r(n, null, d(o.buttons, (e) => {
+        var a;
+        return t(), r(n, {
+          key: e.key
+        }, [
+          e.actionButtonProps ? (t(), c(u(x(s)), l({
+            key: 0,
+            ref_for: !0
+          }, e.actionButtonProps(o.ctx)), {
+            default: m(() => [
+              e.btnRender ? (t(), c(u(() => e.btnRender(o.ctx)), { key: 0 })) : (t(), r(n, { key: 1 }, [
+                i(f(e.label), 1)
+              ], 64))
+            ]),
+            _: 2
+          }, 1040)) : (t(), c(k, l({
+            key: 1,
+            ref_for: !0
+          }, (a = e.props) == null ? void 0 : a.call(e, o.ctx)), {
+            default: m(() => [
+              e.btnRender ? (t(), c(u(() => e.btnRender(o.ctx)), { key: 0 })) : (t(), r(n, { key: 1 }, [
+                i(f(e.label), 1)
+              ], 64))
+            ]),
+            _: 2
+          }, 1040))
+        ], 64);
+      }), 128);
+    };
+  }
+});
+export {
+  A as default
+};

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

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

package/es/helpers/list-helper.mjs

@@ -1,61 +1,57 @@
-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;
+async function A(r, n, e) {
+  var o;
+  const i = (e == null ? void 0 : e.pageSize) ?? 200, a = (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;
+  let c = 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;
+    const s = {
+      ...n,
+      page: { page: c, pageSize: i }
+    }, l = await r(s), g = l.items, p = ((o = l.page) == null ? void 0 : o.totalRecord) ?? 0;
+    if (t.push(...g), t.length >= a || g.length < i || t.length >= p) break;
+    c += 1;
   }
-  return t;
+  return t.slice(0, a);
 }
-function f(a) {
-  return async (c) => {
-    const e = c.page;
+function f(r) {
+  return async (n) => {
+    const e = n.page;
     if (!e)
       throw new Error("createListApi: params.page 必填(含 page / pageSize)");
-    const { page: i, pageSize: r } = e;
-    if (!r || r <= 0)
+    const { page: i, pageSize: a } = e;
+    if (!a || a <= 0)
       throw new Error("createListApi: pageSize 必须 > 0");
     let t;
-    if (Array.isArray(a))
-      t = a;
+    if (Array.isArray(r))
+      t = r;
     else {
-      const o = a();
-      if (o instanceof Promise) {
-        const l = await o;
+      const s = r();
+      if (s instanceof Promise) {
+        const l = await s;
         if (!Array.isArray(l))
           throw new Error("createListApi: 异步 source 返回值必须为数组");
         t = l;
       } else
-        t = o;
+        t = s;
     }
-    const n = (i - 1) * r, s = n + r;
+    const c = (i - 1) * a, o = c + a;
     return {
-      items: t.slice(n, s),
+      items: t.slice(c, o),
       page: {
         totalRecord: t.length,
-        pageSize: r,
-        totalPage: Math.ceil(t.length / r)
+        pageSize: a,
+        totalPage: Math.ceil(t.length / a)
       }
     };
   };
 }
-function h(a, c) {
-  return a({
-    ...c,
+function h(r, n) {
+  return r({
+    ...n,
     page: { page: 1, pageSize: 1 }
   }).then((e) => e.page.totalRecord);
 }