@done-coding/admin-core 0.8.3-alpha.0 → 0.9.1-alpha.0

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

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

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

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