@done-coding/admin-core 0.3.0 → 0.3.1-alpha.0

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

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

package/es/hooks/use-breakpoint.mjs

@@ -0,0 +1,40 @@
+import { ref as s, watch as a, readonly as m } from "vue";
+import { useActivated as c } from "./activated.mjs";
+const i = [], d = ["xl", "lg", "md", "sm"], f = () => {
+  if (i.length || typeof window > "u" || typeof window.matchMedia != "function")
+    return;
+  const e = {
+    xl: "(min-width: 1920px)",
+    lg: "(min-width: 1200px)",
+    md: "(min-width: 992px)",
+    sm: "(min-width: 768px)",
+    xs: "(max-width: 767px)"
+  };
+  for (const t of d)
+    i.push({ key: t, mql: window.matchMedia(e[t]) });
+}, u = () => {
+  const e = s("lg"), t = () => {
+    for (const { key: o, mql: n } of i)
+      if (n.matches) {
+        e.value = o;
+        return;
+      }
+    e.value = "xs";
+  }, { isActivated: r } = c();
+  return a(
+    r,
+    (o) => {
+      if (o) {
+        f(), t();
+        for (const { mql: n } of i)
+          n.addEventListener("change", t);
+      } else
+        for (const { mql: n } of i)
+          n.removeEventListener("change", t);
+    },
+    { immediate: !0 }
+  ), { activeBreakpoint: m(e) };
+};
+export {
+  u as useBreakpoint
+};

package/es/hooks/use-channel-viewport-height.mjs

@@ -0,0 +1,18 @@
+import { inject as i, computed as o, watch as v } from "vue";
+import { BODY_CONTENT_VIEWPORT_HEIGHT as p } from "../inject/key.mjs";
+const f = (e, l = {}) => {
+  const h = l.fallback ?? 0, n = e.parentChannel ? Symbol.for(e.parentChannel) : void 0, t = n ? i(n, void 0) : void 0, r = i(
+    p,
+    void 0
+  ), a = o(() => t ? t.viewportHeight.value : e.viewportHeight !== void 0 ? e.viewportHeight : r ? r.value : h), c = o(() => (t == null ? void 0 : t.level) ?? 0);
+  return v(
+    // eslint-disable-next-line vue/no-setup-props-destructure
+    () => e.parentChannel,
+    () => console.error(
+      "[useChannelViewportHeight] parentChannel 不支持响应式变更,当前值已忽略。"
+    )
+  ), { viewportHeightFinal: a, parentLevel: c };
+};
+export {
+  f as useChannelViewportHeight
+};