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

package/es/components/form/FormSearch.vue2.mjs

@@ -1,12 +1,16 @@
-import V from "./FormMain.vue.mjs";
-import { ElCol as k, ElButton as M } from "element-plus/es";
+import T from "./FormMain.vue.mjs";
+import { ElCol as G, ElButton as H, ElIcon as U } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/col/style/css";
 import "element-plus/es/components/button/style/css";
-import { defineComponent as B, useAttrs as R, ref as W, computed as $, shallowRef as D, openBlock as N, createBlock as Q, normalizeClass as z, unref as i, withCtx as r, withDirectives as A, createVNode as m, mergeProps as G, createSlots as H, normalizeProps as g, guardReactiveProps as v, createElementVNode as L, createTextVNode as y, renderList as T, renderSlot as j, vShow as q } from "vue";
-import { stringifyFormData as I } from "./utils.mjs";
-import J from "../display/WatchSize.vue.mjs";
-const K = { class: "btn-box" }, re = /* @__PURE__ */ B({
+import "element-plus/es/components/icon/style/css";
+import { defineComponent as j, useAttrs as q, ref as k, computed as l, shallowRef as J, openBlock as f, createBlock as p, normalizeClass as K, unref as r, withCtx as a, withDirectives as O, createVNode as m, mergeProps as X, createSlots as Y, normalizeProps as R, guardReactiveProps as S, createElementVNode as Z, createTextVNode as y, toDisplayString as ee, createCommentVNode as te, renderList as oe, renderSlot as re, vShow as ae } from "vue";
+import { stringifyFormData as se } from "./utils.mjs";
+import { getCurrentSpan as ne, computeButtonColProps as le, computeItemsPerRow as ie } from "./form-search-utils.mjs";
+import { ArrowDown as ue, ArrowUp as me } from "@element-plus/icons-vue";
+import ce from "../display/WatchSize.vue.mjs";
+import { useBreakpoint as de } from "../../hooks/use-breakpoint.mjs";
+const fe = { class: "btn-box" }, _e = /* @__PURE__ */ j({
   name: "FormSearch",
   inheritAttrs: !1,
   __name: "FormSearch",
@@ -14,6 +18,7 @@ const K = { class: "btn-box" }, re = /* @__PURE__ */ B({
     labelPosition: { default: "right" },
     labelWidth: { default: "auto" },
     staticQuery: {},
+    maxRows: { default: 2 },
     list: {},
     data: {},
     layout: { default: () => ({
@@ -26,82 +31,121 @@ const K = { class: "btn-box" }, re = /* @__PURE__ */ B({
     rowGutter: {}
   },
   emits: ["search", "heightChange", "visibleChange"],
-  setup(a, { expose: b, emit: w }) {
-    const s = a, l = w, C = R(), u = W(!1), x = $(() => s.data), S = (e) => {
-      l("heightChange", e);
-    }, o = D(), d = (e) => ({
-      ...s.staticQuery || {},
-      ...I(e, s.list)
-    }), h = () => {
+  setup(u, { expose: _, emit: P }) {
+    const o = u, c = P, E = q(), h = k(!1), { activeBreakpoint: F } = de(), s = k(!0), B = l(() => o.data), v = l(() => {
+      if (o.maxRows <= 0) return 1 / 0;
+      const e = ne(o.layout, F.value), t = ie(e), i = t > 1 ? 1 : 0;
+      return Math.max(0, o.maxRows * t - i);
+    }), M = l(() => o.maxRows <= 0 ? !1 : o.list.filter(
+      (t) => t.hide !== !0
+    ).length > v.value), V = l(() => {
+      let e = 0;
+      for (let t = 0; t < o.list.length; t++)
+        o.list[t].hide !== !0 && (s.value && o.maxRows > 0 && t >= v.value || e++);
+      return e;
+    }), I = l(() => le(o.layout, V.value)), D = l(() => {
+      if (!s.value || o.maxRows <= 0)
+        return o.list;
+      const e = v.value;
+      return o.list.map(
+        (t, i) => i >= e ? { ...t, hide: !0 } : t
+      );
+    }), C = (e = !s.value) => {
+      s.value = e;
+    }, $ = (e) => {
+      c("heightChange", e);
+    }, n = J(), b = (e) => ({
+      ...o.staticQuery || {},
+      ...se(e, o.list)
+    }), x = () => {
       var e;
-      (e = o.value) == null || e.resetFields(), l("search", d(s.data), "reset");
-    }, c = (e = "search") => {
+      (e = n.value) == null || e.resetFields(), c("search", b(o.data), "reset");
+    }, g = (e = "search") => {
       var t;
-      (t = o.value) == null || t.validate().then(() => {
-        l("search", d(s.data), e);
+      (t = n.value) == null || t.validate().then(() => {
+        c("search", b(o.data), e);
       });
-    }, F = (e) => {
-      c(e);
-    };
-    b({
+    }, A = (e) => {
+      g(e);
+    }, N = {
       validate: () => {
-        if (o.value)
-          return o.value.validate();
+        if (n.value)
+          return n.value.validate();
         throw new Error("实例化未完成");
       },
       resetFields: () => {
         var e;
-        return (e = o.value) == null ? void 0 : e.resetFields();
+        return (e = n.value) == null ? void 0 : e.resetFields();
       },
       clearValidate: (e) => {
         var t;
-        return (t = o.value) == null ? void 0 : t.clearValidate(e);
+        return (t = n.value) == null ? void 0 : t.clearValidate(e);
       },
-      triggerReset: h,
-      triggerSearch: () => c()
-    });
-    const _ = (e) => {
-      u.value = e, l("visibleChange", e);
+      triggerReset: x,
+      triggerSearch: () => g(),
+      toggleCollapse: C,
+      isCollapsed: l(() => s.value)
+    };
+    _(N);
+    const W = (e) => {
+      h.value = e, c("visibleChange", e);
     };
     return (e, t) => {
-      const f = M, P = k, E = V;
-      return N(), Q(J, {
-        class: z(["form-search", {
-          "form-search_show": i(u)
+      const i = U, w = H, Q = G, z = T;
+      return f(), p(ce, {
+        class: K(["form-search", {
+          "form-search_show": r(h)
         }]),
-        onHeightChange: S
+        onHeightChange: $
       }, {
-        default: r(() => [
-          A(m(E, G({
+        default: a(() => [
+          O(m(z, X({
             ref_key: "formMain",
-            ref: o,
-            list: a.list,
-            data: i(x)
-          }, i(C), {
-            layout: a.layout,
-            labelPosition: a.labelPosition,
-            labelWidth: a.labelWidth,
-            onSubmit: F,
-            onVisibleChange: _
-          }), H({
-            default: r(({ mergeLayout: n }) => [
-              m(P, g(v(n())), {
-                default: r(() => [
-                  L("div", K, [
-                    m(f, {
+            ref: n,
+            list: r(D),
+            data: r(B)
+          }, r(E), {
+            layout: u.layout,
+            labelPosition: u.labelPosition,
+            labelWidth: u.labelWidth,
+            onSubmit: A,
+            onVisibleChange: W
+          }), Y({
+            default: a(() => [
+              m(Q, R(S(r(I))), {
+                default: a(() => [
+                  Z("div", fe, [
+                    r(M) ? (f(), p(w, {
+                      key: 0,
+                      type: "primary",
+                      link: "",
+                      onMousedown: t[0] || (t[0] = (d) => C())
+                    }, {
+                      default: a(() => [
+                        m(i, { class: "btn-box-expand-icon" }, {
+                          default: a(() => [
+                            r(s) ? (f(), p(r(ue), { key: 0 })) : (f(), p(r(me), { key: 1 }))
+                          ]),
+                          _: 1
+                        }),
+                        y(" " + ee(r(s) ? "展开更多" : "收起更多"), 1)
+                      ]),
+                      _: 1
+                    })) : te("", !0),
+                    m(w, {
                       type: "primary",
-                      onMousedown: h
+                      onMousedown: x
                     }, {
-                      default: r(() => [...t[1] || (t[1] = [
+                      default: a(() => [...t[2] || (t[2] = [
                         y("重置", -1)
                       ])]),
                       _: 1
                     }),
-                    m(f, {
+                    m(w, {
                       type: "primary",
-                      onMousedown: t[0] || (t[0] = (p) => c())
+                      onMousedown: t[1] || (t[1] = (d) => g())
                     }, {
-                      default: r(() => [...t[2] || (t[2] = [
+                      default: a(() => [...t[3] || (t[3] = [
                         y("查询", -1)
                       ])]),
                       _: 1
@@ -113,14 +157,14 @@ const K = { class: "btn-box" }, re = /* @__PURE__ */ B({
             ]),
             _: 2
           }, [
-            T(a.list, (n) => ({
-              name: n.key,
-              fn: r((p) => [
-                j(e.$slots, n.key, g(v(p)), void 0, !0)
+            oe(u.list, (d) => ({
+              name: d.key,
+              fn: a((L) => [
+                re(e.$slots, d.key, R(S(L)), void 0, !0)
               ])
             }))
           ]), 1040, ["list", "data", "layout", "labelPosition", "labelWidth"]), [
-            [q, i(u)]
+            [ae, r(h)]
           ])
         ]),
         _: 3
@@ -129,5 +173,5 @@ const K = { class: "btn-box" }, re = /* @__PURE__ */ B({
   }
 });
 export {
-  re as default
+  _e as default
 };

package/es/components/form/form-search-utils.mjs

@@ -0,0 +1,25 @@
+import { resolveFormLayout as u } from "./utils.mjs";
+const m = ["xs", "sm", "md", "lg", "xl"], f = (o) => Math.max(1, Math.floor(24 / o)), a = (o, t) => {
+  if (o <= 0 || t >= 24) return 0;
+  const n = f(t), e = o % n;
+  return e === 0 ? 24 - t : 24 - e * t - t;
+}, i = (o, t) => {
+  const n = u(o), e = {};
+  for (const r of m) {
+    const s = n[r], c = typeof s == "number" ? s : n.span ?? 6;
+    e[r] = {
+      span: c,
+      offset: a(t, c)
+    };
+  }
+  return e;
+}, l = (o, t) => {
+  const n = u(o), e = n[t];
+  return typeof e == "number" ? e : n.span ?? 6;
+};
+export {
+  i as computeButtonColProps,
+  a as computeButtonOffset,
+  f as computeItemsPerRow,
+  l as getCurrentSpan
+};

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

@@ -1,7 +1,7 @@
 import o from "./ListPage.vue2.mjs";
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e22c3b7c"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d8d188e5"]]);
 export {
-  e as default
+  m as default
 };

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

@@ -1,26 +1,28 @@
 import { ElLoadingDirective as ce } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/loading/style/css";
-import { defineComponent as he, useCssVars as fe, unref as a, useSlots as ge, computed as o, useModel as de, ref as u, shallowRef as E, inject as me, watch as ve, withDirectives as pe, openBlock as y, createElementBlock as ye, createBlock as V, withCtx as h, renderSlot as f, createCommentVNode as B, createVNode as x, mergeProps as H, createSlots as K, renderList as S, normalizeProps as C, guardReactiveProps as b, mergeModels as N } from "vue";
-import He from "../form/FormSearch.vue.mjs";
-import { generateFormData as Se, stringifyFormData as Ce } from "../form/utils.mjs";
-import q from "../display/WatchSize.vue.mjs";
-import be from "../table/TableMain.vue.mjs";
-import Re from "lodash/pick";
+import { defineComponent as he, useCssVars as ge, unref as a, useSlots as fe, computed as o, useModel as de, ref as u, shallowRef as K, watch as me, withDirectives as ve, openBlock as C, createElementBlock as pe, createBlock as O, withCtx as h, renderSlot as g, createCommentVNode as T, createVNode as q, mergeProps as y, createSlots as x, renderList as H, normalizeProps as S, guardReactiveProps as b, mergeModels as E } from "vue";
+import Ce from "../form/FormSearch.vue.mjs";
+import { generateFormData as ye, stringifyFormData as He } from "../form/utils.mjs";
+import L from "../display/WatchSize.vue.mjs";
+import Se from "../table/TableMain.vue.mjs";
+import be from "lodash/pick";
 import we from "lodash/cloneDeep";
-import { BODY_CONTENT_VIEWPORT_HEIGHT as Ie } from "../../inject/key.mjs";
-const Me = {
+import { useChannelViewportHeight as Re } from "../../hooks/use-channel-viewport-height.mjs";
+const ke = {
   "element-loading-background": "rgba(122, 122, 122, 0.5)",
   class: "list-page"
-}, Be = /* @__PURE__ */ he({
+}, Oe = /* @__PURE__ */ he({
   __name: "ListPage",
-  props: /* @__PURE__ */ N({
+  props: /* @__PURE__ */ E({
     staticQuery: { default: () => ({}) },
     formSearchProps: {},
     columns: {},
     rowKey: {},
     refine: { type: Boolean, default: !0 },
     refineReduceHeight: { default: 0 },
+    viewportHeight: {},
+    parentChannel: {},
     tableMainProps: {},
     list: { default: () => [] },
     api: {},
@@ -32,46 +34,42 @@ const Me = {
     isAutoRefresh: { type: Boolean },
     isAutoRefreshModifiers: {}
   }),
-  emits: /* @__PURE__ */ N(["dataChange", "pageInfoChange"], ["update:isAutoRefresh"]),
-  setup(s, { expose: L, emit: J }) {
-    fe((e) => ({
-      v09e0228a: a(Y)
+  emits: /* @__PURE__ */ E(["dataChange", "pageInfoChange"], ["update:isAutoRefresh"]),
+  setup(i, { expose: N, emit: J }) {
+    ge((e) => ({
+      v990abd1c: a(X)
     }));
-    const n = s, R = J, w = ge(), I = o(() => !!w.header), M = o(() => !!w.operation), m = de(s, "isAutoRefresh"), v = u({}), p = u(
+    const n = i, w = J, R = fe(), k = o(() => !!R.header), $ = o(() => !!R.operation), m = de(i, "isAutoRefresh"), v = u({}), p = u(
       {}
-    ), P = u(!1), i = E(), c = E(), Q = me(
-      Ie,
-      500
-    ), $ = u(0), j = u(0), k = u(0), z = o(() => ({
+    ), F = u(!1), s = K(), c = K(), { viewportHeightFinal: Q } = Re(n, {
+      fallback: 500
+    }), M = u(0), P = u(0), j = u(0), z = o(() => ({
       ...p.value,
       ...n.staticQuery
-    })), D = u(!1), G = o(() => D.value ? $.value + 10 : 0), U = o(() => M.value ? j.value + 10 : 0), W = o(() => I.value ? k.value + 10 : 0), A = o(() => Q.value - n.refineReduceHeight), Y = o(() => n.refine ? `${A.value}px` : "auto"), X = o(() => n.refine ? Math.max(
-      A.value - G.value - U.value - W.value,
-      200
-    ) : void 0), F = (e, t = "search") => {
+    })), A = u(!1), U = o(() => A.value ? M.value + 10 : 0), G = o(() => $.value ? P.value + 10 : 0), W = o(() => k.value ? j.value + 10 : 0), D = o(() => Q.value - n.refineReduceHeight), X = o(() => n.refine ? `${D.value}px` : "auto"), Y = o(() => n.refine ? D.value - U.value - G.value - W.value : void 0), I = (e, t = "search") => {
       var r, l, d;
-      let g = e;
-      if (n.beforeSearch && (g = n.beforeSearch(
+      let f = e;
+      if (n.beforeSearch && (f = n.beforeSearch(
         we(e),
         t
-      )), t === "reset" && n.clearTableFilterOnReset && ((l = (r = c.value) == null ? void 0 : r.getTableInstance()) == null || l.clearFilter()), JSON.stringify(g) === JSON.stringify(p.value))
+      )), t === "reset" && n.clearTableFilterOnReset && ((l = (r = c.value) == null ? void 0 : r.getTableInstance()) == null || l.clearFilter()), JSON.stringify(f) === JSON.stringify(p.value))
         return ["reset", "search"].includes(t) ? (d = c.value) == null ? void 0 : d.reload() : void 0;
       p.value = {
-        ...g
+        ...f
       };
     }, Z = (e) => {
-      R("dataChange", e);
+      w("dataChange", e);
     }, _ = (e) => {
-      R("pageInfoChange", e);
+      w("pageInfoChange", e);
     }, ee = (e) => {
-      P.value = e;
+      F.value = e;
     }, te = (e) => {
-      $.value = e;
+      M.value = e;
     }, re = (e) => {
-      j.value = e;
+      P.value = e;
     }, ae = (e) => {
-      k.value = e;
-    }, oe = o(() => n.list), ne = o(() => n.rowKey), T = o(() => v.value), O = {
+      j.value = e;
+    }, oe = o(() => n.list), ne = o(() => n.rowKey), V = o(() => v.value), B = {
       refresh: async (e = !1) => {
         var t;
         return (t = c.value) == null ? void 0 : t.refresh(e);
@@ -85,31 +83,39 @@ const Me = {
         return (e = c.value) == null ? void 0 : e.getTableInstance();
       },
       validate: () => {
-        if (i.value)
-          return i.value.validate();
+        if (s.value)
+          return s.value.validate();
         throw new Error("实例化未完成");
       },
       resetFields: () => {
         var e;
-        return (e = i.value) == null ? void 0 : e.resetFields();
+        return (e = s.value) == null ? void 0 : e.resetFields();
       },
       clearValidate: (e) => {
         var t;
-        return (t = i.value) == null ? void 0 : t.clearValidate(e);
+        return (t = s.value) == null ? void 0 : t.clearValidate(e);
       },
       triggerReset: () => {
         var e;
-        return (e = i.value) == null ? void 0 : e.triggerReset();
+        return (e = s.value) == null ? void 0 : e.triggerReset();
       },
       triggerSearch: () => {
         var e;
-        return (e = i.value) == null ? void 0 : e.triggerSearch();
+        return (e = s.value) == null ? void 0 : e.triggerSearch();
       },
+      toggleCollapse: (e) => {
+        var t;
+        return (t = s.value) == null ? void 0 : t.toggleCollapse(e);
+      },
+      isCollapsed: o(() => {
+        var e;
+        return ((e = s.value) == null ? void 0 : e.isCollapsed.value) ?? !1;
+      }),
       update: (e, t) => {
         v.value[e] = t;
       }
     }, se = o(() => {
-      const e = Re(O, [
+      const e = be(B, [
         "triggerReset",
         "triggerSearch",
         "update"
@@ -119,104 +125,104 @@ const Me = {
         ...e
       };
     }), ie = (e) => e, le = (e) => e, ue = (e) => {
-      D.value = e;
+      A.value = e;
     };
-    return L(O), ve(
+    return N(B), me(
       () => n.list,
       (e) => {
-        const t = Se(e);
-        v.value = t, F(Ce(t, e));
+        const t = ye(e);
+        v.value = t, I(He(t, e));
       },
       {
         immediate: !0
       }
     ), (e, t) => {
-      const g = ce;
-      return pe((y(), ye("div", Me, [
-        a(I) ? (y(), V(a(q), {
+      const f = ce;
+      return ve((C(), pe("div", ke, [
+        a(k) ? (C(), O(a(L), {
           key: 0,
           class: "list-page-header",
           onHeightChange: ae
         }, {
           default: h(() => [
-            f(e.$slots, "header", {}, void 0, !0)
+            g(e.$slots, "header", {}, void 0, !0)
           ]),
           _: 3
-        })) : B("", !0),
-        x(a(He), H({
+        })) : T("", !0),
+        q(a(Ce), y({
           ref_key: "formSearch",
-          ref: i,
+          ref: s,
           list: a(oe),
-          data: a(T)
-        }, s.formSearchProps, {
-          onSearch: F,
+          data: a(V)
+        }, i.formSearchProps, {
+          onSearch: I,
           onHeightChange: te,
           onVisibleChange: ue
-        }), K({ _: 2 }, [
-          S(s.list, (r) => ({
+        }), x({ _: 2 }, [
+          H(i.list, (r) => ({
             name: r.key,
             fn: h((l) => [
-              f(e.$slots, `form-${r.key}`, C(b(l)), void 0, !0)
+              g(e.$slots, `form-${r.key}`, S(b(l)), void 0, !0)
             ])
           }))
         ]), 1040, ["list", "data"]),
-        a(M) ? (y(), V(a(q), {
+        a($) ? (C(), O(a(L), {
           key: 1,
           class: "list-page-operation",
           onHeightChange: re
         }, {
           default: h(() => [
-            f(e.$slots, "operation", {}, void 0, !0)
+            g(e.$slots, "operation", {}, void 0, !0)
           ]),
           _: 3
-        })) : B("", !0),
-        x(a(be), H({
+        })) : T("", !0),
+        q(a(Se), y({
           ref_key: "tableMain",
           ref: c,
           "is-auto-refresh": m.value,
           "onUpdate:isAutoRefresh": t[0] || (t[0] = (r) => m.value = r),
-          api: s.api,
-          columns: s.columns,
+          api: i.api,
+          columns: i.columns,
           query: a(z),
-          maxHeight: a(X),
+          maxHeight: a(Y),
           rowKey: a(ne)
-        }, s.tableMainProps, {
+        }, i.tableMainProps, {
           refine: !1,
           injectInfo: a(se),
           onLoadingChange: ee,
           onDataChange: Z,
           onPageInfoChange: _
-        }), K({
+        }), x({
           "custom-view-item": h((r) => [
-            f(e.$slots, "custom-view-item", C(b(r)), void 0, !0)
+            g(e.$slots, "custom-view-item", S(b(r)), void 0, !0)
           ]),
           _: 2
         }, [
-          S(s.columns, (r) => ({
+          H(i.columns, (r) => ({
             name: r.prop,
             fn: h((l) => [
-              f(e.$slots, `table-${r.prop}`, C(b(ie(l))), void 0, !0)
+              g(e.$slots, `table-${r.prop}`, S(b(ie(l))), void 0, !0)
             ])
           })),
-          S(s.columns, (r) => ({
+          H(i.columns, (r) => ({
             name: `header-${r.prop}`,
             fn: h((l) => {
               var d;
               return [
-                f(e.$slots, `table-header-${r.columnKey || r.prop}`, H(le(l), {
-                  searchFormData: a(T),
-                  triggerSearch: (d = a(i)) == null ? void 0 : d.triggerSearch
+                g(e.$slots, `table-header-${r.columnKey || r.prop}`, y(le(l), {
+                  searchFormData: a(V),
+                  triggerSearch: (d = a(s)) == null ? void 0 : d.triggerSearch
                 }), void 0, !0)
               ];
             })
           }))
         ]), 1040, ["is-auto-refresh", "api", "columns", "query", "maxHeight", "rowKey", "injectInfo"])
       ])), [
-        [g, !m.value && a(P)]
+        [f, !m.value && a(F)]
       ]);
     };
   }
 });
 export {
-  Be as default
+  Oe as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./TableMain.vue2.mjs";
 /* empty css                */
-import a from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-d70ba841"]]);
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-feb76359"]]);
 export {
-  p as default
+  f as default
 };