@done-coding/admin-core 0.16.0 → 0.17.0

package/es/components/list-page/ListPage.vue2.mjs

@@ -1,16 +1,17 @@
-import { defineComponent as pe, useCssVars as we, useSlots as Se, computed as o, useModel as y, ref as l, shallowRef as N, watch as ye, withDirectives as Ce, openBlock as C, createBlock as H, unref as h, withCtx as i, createVNode as E, mergeProps as b, createSlots as U, renderSlot as f, normalizeProps as V, guardReactiveProps as I, renderList as R, createCommentVNode as J, mergeModels as Q } from "vue";
-import { vLoading as He } from "element-plus";
-import be from "../form/FormSearch.vue.mjs";
-import { generateFormData as Ve, stringifyFormData as Ie } from "../form/utils.mjs";
-import z from "../display/WatchSize.vue.mjs";
-import Re from "../table/TableMain.vue.mjs";
-import Me from "../slot-layout/SlotLayoutFlowAside.vue.mjs";
-import $e from "lodash/pick";
-import Ae from "lodash/cloneDeep";
-import { useChannelViewportHeight as Fe } from "../../hooks/use-channel-viewport-height.mjs";
-const qe = /* @__PURE__ */ pe({
+import { defineComponent as He, useCssVars as Re, unref as i, useSlots as Ve, computed as s, useModel as C, ref as u, shallowRef as q, watch as Ie, withDirectives as Ae, openBlock as k, createBlock as H, normalizeClass as Be, withCtx as n, createVNode as N, mergeProps as R, createSlots as E, renderSlot as f, normalizeProps as V, guardReactiveProps as I, renderList as A, createCommentVNode as U, mergeModels as J } from "vue";
+import { vLoading as Me } from "element-plus";
+import $e from "../form/FormSearch.vue.mjs";
+import { generateFormData as Fe, stringifyFormData as Pe } from "../form/utils.mjs";
+import { useListPageSticky as je } from "./use-sticky.mjs";
+import Q from "../display/WatchSize.vue.mjs";
+import ze from "../table/TableMain.vue.mjs";
+import De from "../slot-layout/SlotLayoutFlowAside.vue.mjs";
+import Oe from "lodash/pick";
+import xe from "lodash/cloneDeep";
+import { useChannelViewportHeight as Te } from "../../hooks/use-channel-viewport-height.mjs";
+const Ye = /* @__PURE__ */ He({
   __name: "ListPage",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ J({
     staticQuery: { default: () => ({}) },
     formSearchProps: {},
     columns: {},
@@ -29,7 +30,12 @@ const qe = /* @__PURE__ */ pe({
     beforeSearch: {},
     clearTableFilterOnReset: { type: Boolean },
     separateSearch: { type: Boolean, default: !1 },
-    separateSearchConfig: {}
+    separateSearchConfig: {},
+    searchSticky: { type: Boolean, default: !1 },
+    toolbarSticky: { type: Boolean, default: !1 },
+    pagerSticky: { type: Boolean, default: !1 },
+    headerObserveResize: { type: Boolean, default: !1 },
+    operationObserveResize: { type: Boolean, default: !1 }
   }, {
     isAutoRefresh: { type: Boolean },
     isAutoRefreshModifiers: {},
@@ -38,207 +44,231 @@ const qe = /* @__PURE__ */ pe({
     customView: { type: Boolean, default: !1 },
     customViewModifiers: {}
   }),
-  emits: /* @__PURE__ */ Q(["dataChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
-  setup(r, { expose: W, emit: G }) {
-    we((e) => ({
-      v4d27171c: te.value
+  emits: /* @__PURE__ */ J(["dataChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
+  setup(a, { expose: W, emit: G }) {
+    Re((e) => ({
+      v41370796: ne.value,
+      v561cdcbe: i(re),
+      v176bdd58: i(oe),
+      v3cef8d58: i(se)
     }));
-    const s = r, M = G, $ = Se(), A = o(() => !!$.header), F = o(() => !!$.operation), p = y(r, "isAutoRefresh"), k = y(r, "refreshInterval"), P = y(r, "customView"), w = l({}), S = l(
+    const o = a, B = G, M = Ve(), $ = s(() => !!M.header), F = s(() => !!M.operation), m = C(a, "isAutoRefresh"), P = C(a, "refreshInterval"), j = C(a, "customView"), y = u({}), S = u(
       {}
-    ), j = l(!1), n = N(), u = N(), { viewportHeightFinal: X } = Fe(s, {
-      fallback: 500
-    }), D = l(0), x = l(0), B = l(0), Y = o(() => ({
+    ), z = u(!1), l = q(), c = q(), { viewportHeightFinal: X } = Te(o), w = u(0), D = u(0), O = u(0), Y = s(() => ({
       ...S.value,
-      ...s.staticQuery
-    })), K = l(!1), Z = o(() => K.value ? D.value + 10 : 0), _ = o(() => F.value ? x.value + 10 : 0), ee = o(() => A.value ? B.value + 10 : 0), m = o(() => X.value - s.refineReduceHeight), te = o(() => s.refine ? `${m.value}px` : "auto"), ae = o(() => {
-      if (s.refine)
-        return s.separateSearch ? m.value : m.value - Z.value - _.value - ee.value;
-    }), re = o(
-      () => s.refine ? `${m.value}px` : "100vh"
-    ), L = (e, t = "search") => {
-      var g, d, a;
-      let c = e;
-      if (s.beforeSearch && (c = s.beforeSearch(
-        Ae(e),
+      ...o.staticQuery
+    })), b = u(!1), Z = s(() => b.value ? w.value + 10 : 0), {
+      layoutRoot: _,
+      searchStickyActive: ee,
+      toolbarStickyActive: te,
+      pagerStickyActive: ae,
+      searchStickyTop: re,
+      toolbarStickyTop: oe,
+      pagerStickyBottom: se
+    } = je({
+      searchSticky: () => o.searchSticky,
+      toolbarSticky: () => o.toolbarSticky,
+      pagerSticky: () => o.pagerSticky,
+      separateSearch: () => o.separateSearch,
+      searchHeight: () => w.value,
+      showSearch: () => b.value
+    }), ie = s(() => F.value ? D.value + 10 : 0), le = s(() => $.value ? O.value + 10 : 0), p = s(() => X.value - o.refineReduceHeight), ne = s(() => o.refine ? `${p.value}px` : "auto"), ue = s(() => {
+      if (o.refine)
+        return o.separateSearch ? p.value : p.value - Z.value - ie.value - le.value;
+    }), ce = s(
+      () => o.refine ? `${p.value}px` : "100vh"
+    ), x = (e, t = "search") => {
+      var g, v, r;
+      let h = e;
+      if (o.beforeSearch && (h = o.beforeSearch(
+        xe(e),
         t
-      )), t === "reset" && s.clearTableFilterOnReset && ((d = (g = u.value) == null ? void 0 : g.getTableInstance()) == null || d.clearFilter()), JSON.stringify(c) === JSON.stringify(S.value))
-        return ["reset", "search"].includes(t) ? (a = u.value) == null ? void 0 : a.reload() : void 0;
+      )), t === "reset" && o.clearTableFilterOnReset && ((v = (g = c.value) == null ? void 0 : g.getTableInstance()) == null || v.clearFilter()), JSON.stringify(h) === JSON.stringify(S.value))
+        return ["reset", "search"].includes(t) ? (r = c.value) == null ? void 0 : r.reload() : void 0;
       S.value = {
-        ...c
+        ...h
       };
-    }, oe = (e) => {
-      M("dataChange", e);
-    }, se = (e) => {
-      M("pageInfoChange", e);
-    }, ne = (e) => {
-      j.value = e;
-    }, ie = (e) => {
+    }, he = (e) => {
+      B("dataChange", e);
+    }, fe = (e) => {
+      B("pageInfoChange", e);
+    }, ge = (e) => {
+      z.value = e;
+    }, ve = (e) => {
+      w.value = e;
+    }, de = (e) => {
       D.value = e;
-    }, le = (e) => {
-      x.value = e;
-    }, ue = (e) => {
-      B.value = e;
-    }, ce = o(() => s.list), he = o(() => s.rowKey), O = o(() => w.value), T = {
+    }, pe = (e) => {
+      O.value = e;
+    }, me = s(() => o.list), ye = s(() => o.rowKey), T = s(() => y.value), L = {
       refresh: async (e = !1) => {
         var t;
-        return (t = u.value) == null ? void 0 : t.refresh(e);
+        return (t = c.value) == null ? void 0 : t.refresh(e);
       },
       reload: async (e = !1) => {
         var t;
-        return (t = u.value) == null ? void 0 : t.reload(e);
+        return (t = c.value) == null ? void 0 : t.reload(e);
       },
       getTableInstance: () => {
         var e;
-        return (e = u.value) == null ? void 0 : e.getTableInstance();
+        return (e = c.value) == null ? void 0 : e.getTableInstance();
       },
       validate: () => {
-        if (n.value)
-          return n.value.validate();
+        if (l.value)
+          return l.value.validate();
         throw new Error("实例化未完成");
       },
       resetFields: () => {
         var e;
-        return (e = n.value) == null ? void 0 : e.resetFields();
+        return (e = l.value) == null ? void 0 : e.resetFields();
       },
       clearValidate: (e) => {
         var t;
-        return (t = n.value) == null ? void 0 : t.clearValidate(e);
+        return (t = l.value) == null ? void 0 : t.clearValidate(e);
       },
       triggerReset: () => {
         var e;
-        return (e = n.value) == null ? void 0 : e.triggerReset();
+        return (e = l.value) == null ? void 0 : e.triggerReset();
       },
       triggerSearch: () => {
         var e;
-        return (e = n.value) == null ? void 0 : e.triggerSearch();
+        return (e = l.value) == null ? void 0 : e.triggerSearch();
       },
       toggleCollapse: (e) => {
         var t;
-        return (t = n.value) == null ? void 0 : t.toggleCollapse(e);
+        return (t = l.value) == null ? void 0 : t.toggleCollapse(e);
       },
-      isCollapsed: o(() => {
+      isCollapsed: s(() => {
         var e;
-        return ((e = n.value) == null ? void 0 : e.isCollapsed.value) ?? !1;
+        return ((e = l.value) == null ? void 0 : e.isCollapsed.value) ?? !1;
       }),
       update: (e, t) => {
-        w.value[e] = t;
+        y.value[e] = t;
       }
-    }, fe = o(() => {
-      const e = $e(T, [
+    }, Se = s(() => {
+      const e = Oe(L, [
         "triggerReset",
         "triggerSearch",
         "update"
       ]);
       return {
-        ...s.injectInfo || {},
+        ...o.injectInfo || {},
         ...e
       };
-    }), ge = (e) => e, de = (e) => e, ve = (e) => e, me = (e) => {
-      K.value = e;
+    }), we = (e) => e, be = (e) => e, Ce = (e) => e, ke = (e) => {
+      b.value = e;
     };
-    return W(T), ye(
-      () => s.list,
+    return W(L), Ie(
+      () => o.list,
       (e) => {
-        const t = Ve(e);
-        w.value = t, L(Ie(t, e));
+        const t = Fe(e);
+        y.value = t, x(Pe(t, e));
       },
       {
         immediate: !0
       }
     ), (e, t) => {
-      var c, g, d;
-      return Ce((C(), H(h(Me), {
+      var h, g, v;
+      return Ae((k(), H(i(De), {
+        ref_key: "layoutRoot",
+        ref: _,
         "element-loading-background": "rgba(122, 122, 122, 0.5)",
-        class: "dc-list-page list-page",
-        separate: r.separateSearch,
-        type: (c = r.separateSearchConfig) == null ? void 0 : c.type,
-        gap: (g = r.separateSearchConfig) == null ? void 0 : g.gap,
-        "aside-width": (d = r.separateSearchConfig) == null ? void 0 : d.asideWidth,
-        "aside-max-height": re.value
+        class: Be(["dc-list-page list-page", {
+          "list-page_search-sticky": i(ee),
+          "list-page_toolbar-sticky": i(te),
+          "list-page_pager-sticky": i(ae)
+        }]),
+        separate: a.separateSearch,
+        type: (h = a.separateSearchConfig) == null ? void 0 : h.type,
+        gap: (g = a.separateSearchConfig) == null ? void 0 : g.gap,
+        "aside-width": (v = a.separateSearchConfig) == null ? void 0 : v.asideWidth,
+        "aside-max-height": ce.value
       }, {
-        aside: i(() => [
-          A.value ? (C(), H(h(z), {
+        aside: n(() => [
+          $.value ? (k(), H(i(Q), {
             key: 0,
             class: "list-page-header",
-            onHeightChange: ue
+            "observe-resize": a.headerObserveResize,
+            onHeightChange: pe
           }, {
-            default: i(() => [
+            default: n(() => [
               f(e.$slots, "header", {}, void 0, !0)
             ]),
             _: 3
-          })) : J("", !0),
-          E(h(be), b({
+          }, 8, ["observe-resize"])) : U("", !0),
+          N(i($e), R({
             ref_key: "formSearch",
-            ref: n,
-            list: ce.value,
-            data: O.value
-          }, r.formSearchProps, {
-            compact: r.separateSearch,
-            onSearch: L,
-            onHeightChange: ie,
-            onVisibleChange: me
-          }), U({ _: 2 }, [
-            R(r.list, (a) => ({
-              name: a.key,
-              fn: i((v) => [
-                f(e.$slots, `form-${a.key}`, V(I(v)), void 0, !0)
+            ref: l,
+            list: me.value,
+            data: T.value
+          }, a.formSearchProps, {
+            compact: a.separateSearch,
+            onSearch: x,
+            onHeightChange: ve,
+            onVisibleChange: ke
+          }), E({ _: 2 }, [
+            A(a.list, (r) => ({
+              name: r.key,
+              fn: n((d) => [
+                f(e.$slots, `form-${r.key}`, V(I(d)), void 0, !0)
               ])
             }))
           ]), 1040, ["list", "data", "compact"]),
-          F.value ? (C(), H(h(z), {
+          F.value ? (k(), H(i(Q), {
             key: 1,
             class: "list-page-operation",
-            onHeightChange: le
+            "observe-resize": a.operationObserveResize,
+            onHeightChange: de
           }, {
-            default: i(() => [
+            default: n(() => [
               f(e.$slots, "operation", {}, void 0, !0)
             ]),
             _: 3
-          })) : J("", !0)
+          }, 8, ["observe-resize"])) : U("", !0)
         ]),
-        default: i(() => [
-          E(h(Re), b({
+        default: n(() => [
+          N(i(ze), R({
             ref_key: "tableMain",
-            ref: u,
-            "is-auto-refresh": p.value,
-            "onUpdate:isAutoRefresh": t[0] || (t[0] = (a) => p.value = a),
-            "refresh-interval": k.value,
-            "onUpdate:refreshInterval": t[1] || (t[1] = (a) => k.value = a),
-            "custom-view": P.value,
-            "onUpdate:customView": t[2] || (t[2] = (a) => P.value = a),
-            api: r.api,
-            columns: r.columns,
+            ref: c,
+            "is-auto-refresh": m.value,
+            "onUpdate:isAutoRefresh": t[0] || (t[0] = (r) => m.value = r),
+            "refresh-interval": P.value,
+            "onUpdate:refreshInterval": t[1] || (t[1] = (r) => P.value = r),
+            "custom-view": j.value,
+            "onUpdate:customView": t[2] || (t[2] = (r) => j.value = r),
+            api: a.api,
+            columns: a.columns,
             query: Y.value,
-            maxHeight: ae.value,
-            rowKey: he.value,
-            toolbar: r.toolbar,
-            showSwitchView: r.showSwitchView
-          }, r.tableMainProps, {
+            maxHeight: ue.value,
+            rowKey: ye.value,
+            toolbar: a.toolbar,
+            showSwitchView: a.showSwitchView
+          }, a.tableMainProps, {
             refine: !1,
-            injectInfo: fe.value,
-            onLoadingChange: ne,
-            onDataChange: oe,
-            onPageInfoChange: se
-          }), U({
-            "custom-view-item": i((a) => [
-              f(e.$slots, "custom-view-item", V(I(ve(a))), void 0, !0)
+            injectInfo: Se.value,
+            onLoadingChange: ge,
+            onDataChange: he,
+            onPageInfoChange: fe
+          }), E({
+            "custom-view-item": n((r) => [
+              f(e.$slots, "custom-view-item", V(I(Ce(r))), void 0, !0)
             ]),
             _: 2
           }, [
-            R(r.columns, (a) => ({
-              name: a.prop,
-              fn: i((v) => [
-                f(e.$slots, `table-${a.prop}`, V(I(ge(v))), void 0, !0)
+            A(a.columns, (r) => ({
+              name: r.prop,
+              fn: n((d) => [
+                f(e.$slots, `table-${r.prop}`, V(I(we(d))), void 0, !0)
               ])
             })),
-            R(r.columns, (a) => ({
-              name: `header-${a.prop}`,
-              fn: i((v) => {
-                var q;
+            A(a.columns, (r) => ({
+              name: `header-${r.prop}`,
+              fn: n((d) => {
+                var K;
                 return [
-                  f(e.$slots, `table-header-${a.columnKey || a.prop}`, b(de(v), {
-                    searchFormData: O.value,
-                    triggerSearch: (q = n.value) == null ? void 0 : q.triggerSearch
+                  f(e.$slots, `table-header-${r.columnKey || r.prop}`, R(be(d), {
+                    searchFormData: T.value,
+                    triggerSearch: (K = l.value) == null ? void 0 : K.triggerSearch
                   }), void 0, !0)
                 ];
               })
@@ -246,12 +276,12 @@ const qe = /* @__PURE__ */ pe({
           ]), 1040, ["is-auto-refresh", "refresh-interval", "custom-view", "api", "columns", "query", "maxHeight", "rowKey", "toolbar", "showSwitchView", "injectInfo"])
         ]),
         _: 3
-      }, 8, ["separate", "type", "gap", "aside-width", "aside-max-height"])), [
-        [h(He), !p.value && j.value]
+      }, 8, ["class", "separate", "type", "gap", "aside-width", "aside-max-height"])), [
+        [i(Me), !m.value && z.value]
       ]);
     };
   }
 });
 export {
-  qe as default
+  Ye as default
 };

package/es/components/list-page/use-sticky.mjs

@@ -0,0 +1,41 @@
+import { computed as c, shallowRef as k, inject as p, watch as h, nextTick as A } from "vue";
+import { APP_PAGE_CONTENT_INSET as f } from "../../inject/key.mjs";
+import { useActivated as T } from "../../hooks/activated.mjs";
+import { domClosestStickyScrollport as d } from "../../utils/dom.mjs";
+function w(e) {
+  const r = c(
+    () => e.searchSticky() && !e.separateSearch()
+  ), i = c(() => e.toolbarSticky()), l = c(() => e.pagerSticky()), s = k(), o = p(f, void 0), a = k(), u = c(
+    () => r.value || i.value || l.value
+  ), v = () => {
+    var t;
+    u.value && (a.value = d(
+      (t = s.value) == null ? void 0 : t.$el
+    ));
+  };
+  T((t) => {
+    t.isActivated && v();
+  }), h(u, (t) => {
+    t && A(v);
+  });
+  const S = c(
+    () => a.value ? 0 : (o == null ? void 0 : o.value.top) ?? 0
+  ), y = c(() => `${S.value}px`), n = c(() => {
+    const t = r.value && e.showSearch() ? e.searchHeight() : 0;
+    return `${S.value + t}px`;
+  }), m = c(
+    () => a.value ? "0px" : `${(o == null ? void 0 : o.value.bottom) ?? 0}px`
+  );
+  return {
+    layoutRoot: s,
+    searchStickyActive: r,
+    toolbarStickyActive: i,
+    pagerStickyActive: l,
+    searchStickyTop: y,
+    toolbarStickyTop: n,
+    pagerStickyBottom: m
+  };
+}
+export {
+  w as useListPageSticky
+};

package/es/components/modal/ConfirmModal.vue.mjs

@@ -1,7 +1,8 @@
 import o from "./ConfirmModal.vue2.mjs";
 /* empty css                   */
+/* empty css                   */
 import r from "../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6ce57009"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-64018cc0"]]);
 export {
-  f as default
+  c as default
 };