@done-coding/admin-core 0.4.0 → 0.5.1-alpha.0

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

@@ -1,23 +1,23 @@
-import { ElTable as he, ElTableColumn as ve, ElEmpty as ye, ElPagination as Ce } from "element-plus/es";
+import { ElTableColumn as me, ElEmpty as de, ElPagination as he } 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 Se, useCssVars as be, useModel as we, useAttrs as xe, ref as c, computed as g, shallowRef as Y, onMounted as Ee, onActivated as Pe, watch as m, openBlock as i, createElementBlock as b, createBlock as p, unref as r, withCtx as h, createVNode as F, mergeProps as d, createCommentVNode as ke, Fragment as k, renderList as He, createSlots as Te, renderSlot as V, resolveDynamicComponent as G, createTextVNode as I, toDisplayString as U, normalizeProps as ze, guardReactiveProps as Re, withDirectives as Ve, createElementVNode as Ie, isRef as Z, vShow as _e, mergeModels as Q } from "vue";
-import W from "lodash/cloneDeep";
-import X from "lodash/omit";
-import ee from "lodash/set";
-import te from "lodash/get";
-import Ae from "./TableToolbar.vue.mjs";
-import Le from "../display/WatchSize.vue.mjs";
-import Ke from "../data-view/DataListView.vue.mjs";
-import { pickExportColumns as Ne } from "../../utils/export.mjs";
+import { defineComponent as ve, useCssVars as ye, useModel as Ce, useAttrs as Se, ref as f, computed as p, markRaw as J, shallowRef as be, onMounted as we, onActivated as xe, watch as m, openBlock as s, createElementBlock as S, createBlock as d, unref as n, withCtx as h, createVNode as q, mergeProps as g, createCommentVNode as Ee, resolveDynamicComponent as I, Fragment as P, renderList as Pe, createSlots as Re, renderSlot as _, createTextVNode as k, toDisplayString as Y, normalizeProps as Te, guardReactiveProps as ze, withDirectives as Ie, createElementVNode as _e, isRef as D, vShow as ke, mergeModels as F } from "vue";
+import G from "lodash/cloneDeep";
+import U from "lodash/omit";
+import Z from "lodash/set";
+import Q from "lodash/get";
+import He from "./TableToolbar.vue.mjs";
+import Ae from "../display/WatchSize.vue.mjs";
+import Ve from "../data-view/DataListView.vue.mjs";
+import { ElTable as Ne } from "element-plus";
+import { pickExportColumns as Le } from "../../utils/export.mjs";
 import { useChannelViewportHeight as Me } from "../../hooks/use-channel-viewport-height.mjs";
-import { APP_API_LIST_MODEL_KEY_CONFIG as H } from "../../config/list-model.mjs";
-const Oe = { class: "table-main" }, Be = { class: "table-main-pagination" }, nt = /* @__PURE__ */ Se({
+import { APP_API_LIST_MODEL_KEY_CONFIG as R } from "../../config/list-model.mjs";
+const Oe = { class: "table-main" }, Ke = { class: "table-main-pagination" }, ot = /* @__PURE__ */ ve({
   __name: "TableMain",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ F({
     showPager: { type: Boolean, default: !0 },
     customView: { type: Boolean, default: !1 },
     showToolbar: { type: Boolean, default: !0 },
@@ -42,216 +42,206 @@ const Oe = { class: "table-main" }, Be = { class: "table-main-pagination" }, nt
     isAutoRefresh: { type: Boolean },
     isAutoRefreshModifiers: {}
   }),
-  emits: /* @__PURE__ */ Q(["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh"]),
-  setup(l, { expose: ae, emit: oe }) {
-    be((e) => ({
-      v028010cb: e.headerColor
+  emits: /* @__PURE__ */ F(["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh"]),
+  setup(u, { expose: W, emit: X }) {
+    ye((e) => ({
+      v9176f014: e.headerColor
     }));
-    const o = l, v = oe, _ = we(l, "isAutoRefresh"), ne = xe(), y = c([]), w = c(0), u = c(0), s = c(1), C = c(!1), T = c(!1), z = c([]), re = g(() => ({
-      columns: Ne(o.columns),
-      selectedList: z.value,
-      currentPageList: y.value,
-      api: o.api,
-      query: o.query || {},
-      total: w.value,
-      hasSelection: o.columns.some((e) => e.type === "selection")
-    })), A = c(0), le = (e) => {
-      A.value = e;
-    }, R = Y(), L = Y(), ie = g(
-      () => o.columns.some((e) => e.type === "selection")
-    ), se = (e) => {
-      var t, n;
-      z.value = e, (n = (t = o.tableProps) == null ? void 0 : t.onSelectionChange) == null || n.call(t, e);
-    }, { viewportHeightFinal: ue } = Me(o, {
+    const a = u, v = X, H = Ce(u, "isAutoRefresh"), ee = Se(), b = f([]), w = f(0), i = f(0), l = f(1), y = f(!1), T = f(!1), A = f([]), te = p(
+      () => ({
+        columns: Le(a.columns),
+        selectedList: A.value,
+        currentPageList: b.value,
+        api: a.api,
+        query: a.query,
+        total: w.value,
+        hasSelection: a.columns.some((e) => e.type === "selection")
+      })
+    ), V = f(0), ae = (e) => {
+      V.value = e;
+    }, oe = p(
+      () => a.customView ? J(Ve) : J(Ne)
+    ), z = be(), re = p(
+      () => a.columns.some((e) => e.type === "selection")
+    ), { viewportHeightFinal: ne } = Me(a, {
       fallback: 500
-    }), K = g(() => o.showPager ? 35 : 0), N = g(
-      () => o.showToolbar ? A.value : 0
-    ), M = g(() => {
-      const { maxHeight: e, refine: t, dataViewMaxHeightMinValue: n } = o;
+    }), N = p(() => a.showPager ? 35 : 0), L = p(
+      () => a.showToolbar ? V.value : 0
+    ), le = p(() => {
+      const { maxHeight: e, refine: t, dataViewMaxHeightMinValue: r } = a;
       return e ? Math.max(
-        e - K.value - N.value,
-        n
+        e - N.value - L.value,
+        r
       ) : t ? Math.max(
-        ue.value - K.value - N.value - o.refineReduceHeight,
-        n
+        ne.value - N.value - L.value - a.refineReduceHeight,
+        r
       ) : void 0;
-    }), x = g(() => {
-      const e = W(o.query || {});
-      return ee(e, H.PAGE_SIZE_KEY, u.value), ee(
+    }), x = p(() => {
+      const e = G(a.query || {});
+      return Z(e, R.PAGE_SIZE_KEY, i.value), Z(
         e,
-        H.CURRENT_PAGE_KEY,
-        s.value
+        R.CURRENT_PAGE_KEY,
+        l.value
       ), e;
-    }), ce = g(() => {
-      var t;
-      const e = (t = o.tableProps) == null ? void 0 : t.onSelectionChange;
-      return {
-        ...o.tableProps,
-        ...ne,
-        /** 合并内部选中存储与外部 onSelectionChange */
-        onSelectionChange: (n) => {
-          z.value = n, e == null || e(n);
-        }
-      };
-    }), O = (e, t = !0) => {
-      const n = JSON.stringify(e) === JSON.stringify(x.value);
-      return !n && t && console.warn(
+    }), se = p(() => ({
+      ...a.tableProps,
+      ...ee,
+      // customView 下，需要手动处理 selectable
+      ...a.customView ? {
+        selectable: re.value,
+        columns: a.columns
+      } : {}
+    })), ie = (e) => {
+      var r;
+      const t = (r = a.tableProps) == null ? void 0 : r.onSelectionChange;
+      A.value = e, t == null || t(e);
+    }, M = (e, t = !0) => {
+      const r = JSON.stringify(e) === JSON.stringify(x.value);
+      return !r && t && console.warn(
         `同一地方 并发请求 参数冰花 当前不是最新的参数 丢弃结果 ${JSON.stringify(
           e
         )} => ${JSON.stringify(x.value)}`
-      ), n;
-    }, B = (e = !1) => {
-      var n, E;
-      if (!u.value) return;
-      C.value ? console.warn("请求并发") : C.value = !0, e || (T.value = !0), o.customView ? (n = L.value) == null || n.clearSelection() : (E = R.value) == null || E.clearSelection();
-      const t = W(x.value);
-      return o.api(t).then((P) => {
-        O(t, !1) && (y.value = te(
-          P,
-          H.LIST_KEY
-        ), w.value = te(
-          P,
-          H.TOTAL_KEY
+      ), r;
+    }, O = (e = !1) => {
+      var r;
+      if (!i.value) return;
+      y.value ? console.warn("请求并发") : y.value = !0, e || (T.value = !0), (r = z.value) == null || r.clearSelection();
+      const t = G(x.value);
+      return a.api(t).then((E) => {
+        M(t, !1) && (b.value = Q(
+          E,
+          R.LIST_KEY
+        ), w.value = Q(
+          E,
+          R.TOTAL_KEY
         ), v("pageInfoChange", {
-          pageSize: u.value,
-          currentPage: s.value,
+          pageSize: i.value,
+          currentPage: l.value,
           total: w.value
         }));
       }).finally(() => {
-        O(t) && (C.value = !1, T.value = !1);
+        M(t) && (y.value = !1, T.value = !1);
       });
-    }, $ = async (e = !1) => {
+    }, K = async (e = !1) => {
       var t;
-      return (t = B(e)) == null ? void 0 : t.catch(() => {
+      return (t = O(e)) == null ? void 0 : t.catch(() => {
       });
-    }, fe = async (e = !1) => {
-      if (s.value === 1)
-        return $(e);
-      s.value = 1;
-    }, j = (e) => e, ge = (e) => e, pe = (e) => e, S = {
-      refresh: $,
-      reload: fe,
-      getTableInstance: () => R.value
-    }, J = (e, t = []) => ({
-      ...X(e, ["render", "headerRender"].concat(t)),
-      injectInfo: o.injectInfo || {},
-      exposeInfo: S
-    }), q = (e) => ({
-      ...X(e, ["render", "headerRender"]),
-      injectInfo: o.injectInfo || {},
-      exposeInfo: S
-    });
-    ae(S);
-    const de = (e) => {
-      u.value = e, s.value = 1;
-    }, D = (e) => !e || e === "expand";
-    return Ee(() => {
-      u.value = o.pageSizeInit, Pe(() => {
-        S.refresh();
+    }, ue = async (e = !1) => {
+      if (l.value === 1)
+        return K(e);
+      l.value = 1;
+    }, fe = (e) => e, C = {
+      refresh: K,
+      reload: ue,
+      getTableInstance: () => z.value
+    }, B = (e, t = []) => ({
+      ...U(e, ["render", "headerRender"].concat(t)),
+      injectInfo: a.injectInfo || {},
+      exposeInfo: C
+    }), $ = (e) => ({
+      ...U(e, ["render", "headerRender"]),
+      injectInfo: a.injectInfo || {},
+      exposeInfo: C
+    }), pe = (e) => e;
+    W(C);
+    const ce = (e) => {
+      i.value = e, l.value = 1;
+    }, j = (e) => !e || e === "expand";
+    return we(() => {
+      i.value = a.pageSizeInit, xe(() => {
+        C.refresh();
       });
-    }), m(y, (e) => {
+    }), m(b, (e) => {
       v("dataChange", e);
     }), m(
-      () => o.query,
+      () => a.query,
       (e, t) => {
-        JSON.stringify(e) !== JSON.stringify(t) && (s.value = 1);
+        JSON.stringify(e) !== JSON.stringify(t) && (l.value = 1);
       }
     ), m(
       x,
       (e, t) => {
-        JSON.stringify(e) !== JSON.stringify(t) && B();
+        JSON.stringify(e) !== JSON.stringify(t) && O();
       },
       {
         immediate: !0
       }
     ), m(T, (e) => {
       v("loadingChange", e);
-    }), m(u, (e) => {
+    }), m(i, (e) => {
       v("pageSizeChange", e);
-    }), m(s, (e) => {
+    }), m(l, (e) => {
       v("pageChange", e);
     }), (e, t) => {
-      const n = ve, E = ye, P = he, me = Ce;
-      return i(), b("div", Oe, [
-        l.showToolbar ? (i(), p(r(Le), {
+      const r = me, E = de, ge = he;
+      return s(), S("div", Oe, [
+        u.showToolbar ? (s(), d(n(Ae), {
           key: 0,
-          onHeightChange: le
+          onHeightChange: ae
         }, {
           default: h(() => [
-            F(Ae, d({
-              "is-auto-refresh": _.value,
-              "onUpdate:isAutoRefresh": t[0] || (t[0] = (a) => _.value = a),
-              tableExpose: S,
-              loading: r(C),
-              exportContext: r(re),
-              currentPage: r(s),
-              pageSize: r(u)
-            }, l.toolbar), null, 16, ["is-auto-refresh", "loading", "exportContext", "currentPage", "pageSize"])
+            q(He, g({
+              "is-auto-refresh": H.value,
+              "onUpdate:isAutoRefresh": t[0] || (t[0] = (o) => H.value = o),
+              tableExpose: C,
+              loading: n(y),
+              exportContext: n(te),
+              currentPage: n(l),
+              pageSize: n(i)
+            }, u.toolbar), null, 16, ["is-auto-refresh", "loading", "exportContext", "currentPage", "pageSize"])
           ]),
           _: 1
-        })) : ke("", !0),
-        l.customView ? (i(), p(r(Ke), {
-          key: 2,
-          ref_key: "dataListView",
-          ref: L,
-          data: ge(r(y)),
-          columns: pe(l.columns),
-          rowKey: j(l.rowKey),
-          maxHeight: r(M),
-          selectable: r(ie),
-          onSelectionChange: se
-        }, {
-          item: h((a) => [
-            V(e.$slots, "custom-view-item", ze(Re(a)), void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["data", "columns", "rowKey", "maxHeight", "selectable"])) : (i(), p(P, d({
-          key: 1,
+        })) : Ee("", !0),
+        (s(), d(I(n(oe)), g({
           ref_key: "elTable",
-          ref: R,
+          ref: z,
           class: "table-main-table",
           stripe: "",
           border: "",
           highlightCurrentRow: ""
-        }, r(ce), {
-          maxHeight: r(M),
-          data: r(y),
-          rowKey: j(l.rowKey)
+        }, n(se), {
+          maxHeight: n(le),
+          data: n(b),
+          rowKey: fe(u.rowKey),
+          onSelectionChange: ie
         }), {
+          item: h((o) => [
+            _(e.$slots, "custom-view-item", Te(ze(pe(o))), void 0, !0)
+          ]),
           empty: h(() => [
-            r(C) ? (i(), b(k, { key: 0 }, [
-              I("加载中...")
-            ], 64)) : (i(), p(E, { key: 1 }))
+            n(y) ? (s(), S(P, { key: 0 }, [
+              k("加载中...")
+            ], 64)) : (s(), d(E, { key: 1 }))
           ]),
           default: h(() => [
-            (i(!0), b(k, null, He(l.columns, (a) => (i(), p(n, d({
-              key: a.columnKey || a.prop
-            }, { ref_for: !0 }, a), Te({ _: 2 }, [
-              D(a.type) ? {
+            (s(!0), S(P, null, Pe(u.columns, (o) => (s(), d(r, g({
+              key: o.columnKey || o.prop
+            }, { ref_for: !0 }, o), Re({ _: 2 }, [
+              j(o.type) ? {
                 name: "default",
-                fn: h((f) => [
-                  V(e.$slots, a.prop, d({ ref_for: !0 }, J(f)), () => [
-                    a.render ? (i(), p(G(a.render), d({
+                fn: h((c) => [
+                  _(e.$slots, o.prop, g({ ref_for: !0 }, B(c)), () => [
+                    o.render ? (s(), d(I(o.render), g({
                       key: 0,
                       ref_for: !0
-                    }, J(f, ["$index"]), {
-                      _index: f.$index
-                    }), null, 16, ["_index"])) : (i(), b(k, { key: 1 }, [
-                      I(U(f.row[a.prop]), 1)
+                    }, B(c, ["$index"]), {
+                      _index: c.$index
+                    }), null, 16, ["_index"])) : (s(), S(P, { key: 1 }, [
+                      k(Y(c.row[o.prop]), 1)
                     ], 64))
                   ], !0)
                 ]),
                 key: "0"
               } : void 0,
-              D(a.type) ? {
+              j(o.type) ? {
                 name: "header",
-                fn: h((f) => [
-                  V(e.$slots, `header-${a.prop}`, d({ ref_for: !0 }, q(f)), () => [
-                    a.headerRender ? (i(), p(G(a.headerRender), d({
+                fn: h((c) => [
+                  _(e.$slots, `header-${o.prop}`, g({ ref_for: !0 }, $(c)), () => [
+                    o.headerRender ? (s(), d(I(o.headerRender), g({
                       key: 0,
                       ref_for: !0
-                    }, q(f)), null, 16)) : (i(), b(k, { key: 1 }, [
-                      I(U(a.label), 1)
+                    }, $(c)), null, 16)) : (s(), S(P, { key: 1 }, [
+                      k(Y(o.label), 1)
                     ], 64))
                   ], !0)
                 ]),
@@ -261,26 +251,26 @@ const Oe = { class: "table-main" }, Be = { class: "table-main-pagination" }, nt
           ]),
           _: 3
         }, 16, ["maxHeight", "data", "rowKey"])),
-        Ve(Ie("div", Be, [
-          F(me, {
-            "current-page": r(s),
-            "onUpdate:currentPage": t[1] || (t[1] = (a) => Z(s) ? s.value = a : null),
-            "page-size": r(u),
-            "onUpdate:pageSize": t[2] || (t[2] = (a) => Z(u) ? u.value = a : null),
-            "page-sizes": l.pageSizeOptions,
+        Ie(_e("div", Ke, [
+          q(ge, {
+            "current-page": n(l),
+            "onUpdate:currentPage": t[1] || (t[1] = (o) => D(l) ? l.value = o : null),
+            "page-size": n(i),
+            "onUpdate:pageSize": t[2] || (t[2] = (o) => D(i) ? i.value = o : null),
+            "page-sizes": u.pageSizeOptions,
             size: "small",
             background: "",
-            layout: l.pageLayout,
-            total: r(w),
-            onSizeChange: de
+            layout: u.pageLayout,
+            total: n(w),
+            onSizeChange: ce
           }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total"])
         ], 512), [
-          [_e, l.showPager]
+          [ke, u.showPager]
         ])
       ]);
     };
   }
 });
 export {
-  nt as default
+  ot as default
 };

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

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

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

@@ -21,8 +21,8 @@ const Z = { class: "table-toolbar" }, _ = { class: "table-toolbar-left" }, ee =
     exportByFe: { type: Boolean, default: !0 },
     exportFn: {},
     exportColumns: {},
-    leftExtraButtons: {},
-    rightExtraButtons: {},
+    leftExtraButtons: { default: () => [] },
+    rightExtraButtons: { default: () => [] },
     tableExpose: {},
     loading: { type: Boolean },
     exportContext: {},
@@ -93,9 +93,13 @@ const Z = { class: "table-toolbar" }, _ = { class: "table-toolbar-left" }, ee =
               } catch {
                 return;
               }
-              u = await M(d, i, { limit: c });
+              u = await M(d, i, {
+                limit: c
+              });
             } else
-              u = await M(d, i, { limit: c });
+              u = await M(d, i, {
+                limit: c
+              });
           } catch (a) {
             H.error(`导出失败：${(a == null ? void 0 : a.message) || (a == null ? void 0 : a.toString())}`);
             return;