@done-coding/admin-core 0.6.0 → 0.6.1-alpha.0

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

@@ -1,25 +1,25 @@
-import { ElTableColumn as me, ElEmpty as de, ElPagination as he } from "element-plus/es";
+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 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 { 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 Oe = { class: "table-main" }, Ke = { class: "table-main-pagination" }, ot = /* @__PURE__ */ ve({
+const Be = { class: "table-main" }, _e = { class: "table-main-pagination" }, nt = /* @__PURE__ */ Ce({
   __name: "TableMain",
-  props: /* @__PURE__ */ F({
+  props: /* @__PURE__ */ Z({
     showPager: { type: Boolean, default: !0 },
-    customView: { type: Boolean, default: !1 },
+    showSwitchView: { type: Boolean },
     showToolbar: { type: Boolean, default: !0 },
     toolbar: {},
     query: {},
@@ -40,208 +40,218 @@ const Oe = { class: "table-main" }, Ke = { class: "table-main-pagination" }, ot
     parentChannel: {}
   }, {
     isAutoRefresh: { type: Boolean },
-    isAutoRefreshModifiers: {}
+    isAutoRefreshModifiers: {},
+    refreshInterval: {},
+    refreshIntervalModifiers: {},
+    customView: { type: Boolean, default: !1 },
+    customViewModifiers: {}
   }),
-  emits: /* @__PURE__ */ F(["pageChange", "pageSizeChange", "dataChange", "loadingChange", "pageInfoChange"], ["update:isAutoRefresh"]),
-  setup(u, { expose: W, emit: X }) {
-    ye((e) => ({
-      v9176f014: e.headerColor
-    }));
-    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(
+  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(
       () => ({
-        columns: Le(a.columns),
-        selectedList: A.value,
+        columns: Ke(o.columns),
+        selectedList: L.value,
         currentPageList: b.value,
-        api: a.api,
-        query: a.query,
-        total: w.value,
-        hasSelection: a.columns.some((e) => e.type === "selection")
+        api: o.api,
+        query: o.query,
+        total: x.value,
+        hasSelection: o.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, {
+    ), 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, {
       fallback: 500
-    }), N = p(() => a.showPager ? 35 : 0), L = p(
-      () => a.showToolbar ? V.value : 0
-    ), le = p(() => {
-      const { maxHeight: e, refine: t, dataViewMaxHeightMinValue: r } = a;
+    }), K = c(() => o.showPager ? 35 : 0), j = c(
+      () => o.showToolbar ? O.value : 0
+    ), ue = c(() => {
+      const { maxHeight: e, refine: t, dataViewMaxHeightMinValue: r } = o;
       return e ? Math.max(
-        e - N.value - L.value,
+        e - K.value - j.value,
         r
       ) : t ? Math.max(
-        ne.value - N.value - L.value - a.refineReduceHeight,
+        le.value - K.value - j.value - o.refineReduceHeight,
         r
       ) : void 0;
-    }), x = p(() => {
-      const e = G(a.query || {});
-      return Z(e, R.PAGE_SIZE_KEY, i.value), Z(
+    }), I = c(() => {
+      const e = Q(o.query || {});
+      return X(e, R.PAGE_SIZE_KEY, u.value), X(
         e,
         R.CURRENT_PAGE_KEY,
-        l.value
+        s.value
       ), e;
-    }), se = p(() => ({
-      ...a.tableProps,
-      ...ee,
+    }), fe = () => ({
+      injectInfo: o.injectInfo,
+      exposeInfo: m
+    }), ce = c(() => ({
+      ...o.tableProps,
+      ...oe,
       // customView 下，需要手动处理 selectable
-      ...a.customView ? {
-        selectable: re.value,
-        columns: a.columns
+      ...C.value ? {
+        selectable: se.value,
+        columns: o.columns,
+        getRenderCtxParams: fe
       } : {}
-    })), ie = (e) => {
+    })), pe = (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);
+      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(
         `同一地方 并发请求 参数冰花 当前不是最新的参数 丢弃结果 ${JSON.stringify(
           e
-        )} => ${JSON.stringify(x.value)}`
+        )} => ${JSON.stringify(I.value)}`
       ), r;
-    }, O = (e = !1) => {
+    }, _ = (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,
+      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
-        ), w.value = Q(
-          E,
+        ), x.value = ee(
+          P,
           R.TOTAL_KEY
-        ), v("pageInfoChange", {
-          pageSize: i.value,
-          currentPage: l.value,
-          total: w.value
+        ), y("pageInfoChange", {
+          pageSize: u.value,
+          currentPage: s.value,
+          total: x.value
         }));
       }).finally(() => {
-        M(t) && (y.value = !1, T.value = !1);
+        B(t) && (w.value = !1, V.value = !1);
       });
-    }, K = async (e = !1) => {
+    }, $ = async (e = !1) => {
       var t;
-      return (t = O(e)) == null ? void 0 : t.catch(() => {
+      return (t = _(e)) == null ? void 0 : t.catch(() => {
       });
-    }, 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();
+    }, 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();
       });
-    }), m(b, (e) => {
-      v("dataChange", e);
-    }), m(
-      () => a.query,
+    }), d(b, (e) => {
+      y("dataChange", e);
+    }), d(
+      () => o.query,
       (e, t) => {
-        JSON.stringify(e) !== JSON.stringify(t) && (l.value = 1);
+        JSON.stringify(e) !== JSON.stringify(t) && (s.value = 1);
       }
-    ), m(
-      x,
+    ), d(
+      I,
       (e, t) => {
-        JSON.stringify(e) !== JSON.stringify(t) && O();
+        JSON.stringify(e) !== JSON.stringify(t) && _();
       },
       {
         immediate: !0
       }
-    ), m(T, (e) => {
-      v("loadingChange", e);
-    }), m(i, (e) => {
-      v("pageSizeChange", e);
-    }), m(l, (e) => {
-      v("pageChange", e);
+    ), d(V, (e) => {
+      y("loadingChange", e);
+    }), d(u, (e) => {
+      y("pageSizeChange", e);
+    }), d(s, (e) => {
+      y("pageChange", e);
     }), (e, t) => {
-      const r = me, E = de, ge = he;
-      return s(), S("div", Oe, [
-        u.showToolbar ? (s(), d(n(Ae), {
+      const r = ye, P = we, ve = Se;
+      return l(), S("div", Be, [
+        i.showToolbar ? (l(), h(n(Ne), {
           key: 0,
-          onHeightChange: ae
+          onHeightChange: ne
         }, {
-          default: h(() => [
-            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"])
+          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),
-        (s(), d(I(n(oe)), g({
+        (l(), h(k(n(ie)), g({
           ref_key: "elTable",
-          ref: z,
+          ref: T,
           class: "table-main-table",
           stripe: "",
           border: "",
           highlightCurrentRow: ""
-        }, n(se), {
-          maxHeight: n(le),
+        }, n(ce), {
+          maxHeight: n(ue),
           data: n(b),
-          rowKey: fe(u.rowKey),
-          onSelectionChange: ie
+          rowKey: me(i.rowKey),
+          onSelectionChange: pe
         }), {
-          item: h((o) => [
-            _(e.$slots, "custom-view-item", Te(ze(pe(o))), void 0, !0)
+          item: v((a) => [
+            H(e.$slots, "custom-view-item", Te(ze(de(a))), void 0, !0)
           ]),
-          empty: h(() => [
-            n(y) ? (s(), S(P, { key: 0 }, [
-              k("加载中...")
-            ], 64)) : (s(), d(E, { key: 1 }))
+          empty: v(() => [
+            n(w) ? (l(), S(E, { key: 0 }, [
+              A("加载中...")
+            ], 64)) : (l(), h(P, { key: 1 }))
           ]),
-          default: h(() => [
-            (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) ? {
+          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: h((c) => [
-                  _(e.$slots, o.prop, g({ ref_for: !0 }, B(c)), () => [
-                    o.render ? (s(), d(I(o.render), g({
+                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
-                    }, B(c, ["$index"]), {
-                      _index: c.$index
-                    }), null, 16, ["_index"])) : (s(), S(P, { key: 1 }, [
-                      k(Y(c.row[o.prop]), 1)
+                    }, 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,
-              j(o.type) ? {
+              q(a.type) ? {
                 name: "header",
-                fn: h((c) => [
-                  _(e.$slots, `header-${o.prop}`, g({ ref_for: !0 }, $(c)), () => [
-                    o.headerRender ? (s(), d(I(o.headerRender), g({
+                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
-                    }, $(c)), null, 16)) : (s(), S(P, { key: 1 }, [
-                      k(Y(o.label), 1)
+                    }, U(p)), null, 16)) : (l(), S(E, { key: 1 }, [
+                      A(Y(a.label), 1)
                     ], 64))
                   ], !0)
                 ]),
@@ -251,26 +261,26 @@ const Oe = { class: "table-main" }, Ke = { class: "table-main-pagination" }, ot
           ]),
           _: 3
         }, 16, ["maxHeight", "data", "rowKey"])),
-        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,
+        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: u.pageLayout,
-            total: n(w),
-            onSizeChange: ce
+            layout: i.pageLayout,
+            total: n(x),
+            onSizeChange: he
           }, null, 8, ["current-page", "page-size", "page-sizes", "layout", "total"])
         ], 512), [
-          [ke, u.showPager]
+          [Ae, i.showPager]
         ])
       ]);
     };
   }
 });
 export {
-  ot as default
+  nt 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 m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-b028e7a1"]]);
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-22ae8fa7"]]);
 export {
-  m as default
+  f as default
 };