@done-coding/admin-core 0.14.0 → 0.15.0

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

@@ -1,7 +1,7 @@
 import o from "./FormSearch.vue2.mjs";
 /* empty css                 */
 import r from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4d4d2642"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-290fe11f"]]);
 export {
-  p as default
+  a as default
 };

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

@@ -1,12 +1,13 @@
-import { defineComponent as z, useAttrs as G, ref as x, computed as i, shallowRef as L, openBlock as d, createBlock as f, normalizeClass as T, withCtx as a, withDirectives as H, createVNode as m, mergeProps as U, unref as l, createSlots as j, normalizeProps as S, guardReactiveProps as k, createElementVNode as q, createTextVNode as w, toDisplayString as J, createCommentVNode as K, renderList as O, renderSlot as X, vShow as Y } from "vue";
-import { stringifyFormData as Z } from "./utils.mjs";
-import { getCurrentSpan as _, computeButtonColProps as ee, computeItemsPerRow as te } from "./form-search-utils.mjs";
-import { ElCol as oe, ElButton as g, ElIcon as re } from "element-plus";
-import { ArrowDown as ae, ArrowUp as le } from "@element-plus/icons-vue";
-import se from "./FormMain.vue.mjs";
-import ne from "../display/WatchSize.vue.mjs";
-import { useBreakpoint as ie } from "../../hooks/use-breakpoint.mjs";
-const ue = { class: "btn-box" }, ge = /* @__PURE__ */ z({
+import { defineComponent as H, useAttrs as U, ref as S, computed as a, shallowRef as j, openBlock as v, createBlock as f, normalizeClass as q, withCtx as r, withDirectives as J, createVNode as u, mergeProps as K, unref as l, createSlots as O, normalizeProps as B, guardReactiveProps as P, createElementVNode as X, createTextVNode as g, toDisplayString as Y, createCommentVNode as Z, renderList as ee, renderSlot as te, vShow as oe } from "vue";
+import { stringifyFormData as ae } from "./utils.mjs";
+import { resolveSearchLayout as re, resolveSearchLabelPosition as le, getCurrentSpan as se, computeButtonColProps as ne, packSearchFormList as ie, computeItemsPerRow as ue } from "./form-search-utils.mjs";
+import { ElCol as ce, ElButton as y, ElIcon as me } from "element-plus";
+import { ArrowDown as de, ArrowUp as ve } from "@element-plus/icons-vue";
+import fe from "./FormMain.vue.mjs";
+import pe from "../display/WatchSize.vue.mjs";
+import { useBreakpoint as he } from "../../hooks/use-breakpoint.mjs";
+import { useCustomBreakpoint as we } from "../../hooks/use-custom-breakpoint.mjs";
+const ge = { class: "btn-box" }, Fe = /* @__PURE__ */ H({
   name: "FormSearch",
   inheritAttrs: !1,
   __name: "FormSearch",
@@ -15,6 +16,7 @@ const ue = { class: "btn-box" }, ge = /* @__PURE__ */ z({
     labelWidth: { default: "auto" },
     staticQuery: {},
     maxRows: { default: 2 },
+    compact: { type: Boolean, default: !1 },
     list: {},
     data: {},
     layout: { default: () => ({
@@ -28,43 +30,49 @@ const ue = { class: "btn-box" }, ge = /* @__PURE__ */ z({
     layoutScale: {}
   },
   emits: ["search", "heightChange", "visibleChange"],
-  setup(u, { expose: R, emit: P }) {
-    const o = u, c = P, F = G(), h = x(!1), { activeBreakpoint: B } = ie(), s = x(!0), M = i(() => o.data), v = i(() => {
+  setup(c, { expose: R, emit: F }) {
+    const o = c, m = F, E = U(), p = S(!1), { activeBreakpoint: L } = he(), { elRef: M, activeBreakpoint: V } = we(), b = a(
+      () => o.compact ? V.value : L.value
+    ), s = S(!0), D = a(() => o.data), d = a(
+      () => re(o.compact, o.layout, b.value)
+    ), I = a(
+      () => le(o.compact, o.labelPosition)
+    ), h = a(() => {
       if (o.maxRows <= 0) return 1 / 0;
-      const e = _(o.layout, B.value), t = te(e), r = t > 1 ? 1 : 0;
-      return Math.max(0, o.maxRows * t - r);
-    }), V = i(() => o.maxRows <= 0 ? !1 : o.list.filter(
+      const e = se(d.value, b.value), t = ue(e), i = t > 1 ? 1 : 0;
+      return Math.max(0, o.maxRows * t - i);
+    }), _ = a(() => o.maxRows <= 0 ? !1 : o.list.filter(
       (t) => t.hide !== !0
-    ).length > v.value), E = i(() => {
+    ).length > h.value), A = a(() => {
       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++);
+        o.list[t].hide !== !0 && (s.value && o.maxRows > 0 && t >= h.value || e++);
       return e;
-    }), D = i(() => ee(o.layout, E.value)), I = i(() => {
-      if (!s.value || o.maxRows <= 0)
-        return o.list;
-      const e = v.value;
-      return o.list.map(
-        (t, r) => r >= e ? { ...t, hide: !0 } : t
-      );
-    }), y = (e = !s.value) => {
+    }), N = a(() => ne(d.value, A.value)), W = a(
+      () => ie(o.list, {
+        compact: o.compact,
+        itemLayout: d.value ?? {},
+        collapsing: s.value && o.maxRows > 0,
+        threshold: h.value
+      })
+    ), k = (e = !s.value) => {
       s.value = e;
-    }, A = (e) => {
-      c("heightChange", e);
-    }, n = L(), b = (e) => ({
+    }, $ = (e) => {
+      m("heightChange", e);
+    }, n = j(), C = (e) => ({
       ...o.staticQuery || {},
-      ...Z(e, o.list)
-    }), C = () => {
+      ...ae(e, o.list)
+    }), x = () => {
       var e;
-      (e = n.value) == null || e.resetFields(), c("search", b(o.data), "reset");
-    }, p = (e = "search") => {
+      (e = n.value) == null || e.resetFields(), m("search", C(o.data), "reset");
+    }, w = (e = "search") => {
       var t;
       (t = n.value) == null || t.validate().then(() => {
-        c("search", b(o.data), e);
+        m("search", C(o.data), e);
       });
-    }, N = (e) => {
-      p(e);
-    }, W = {
+    }, Q = (e) => {
+      w(e);
+    }, z = {
       validate: () => {
         if (n.value)
           return n.value.validate();
@@ -78,71 +86,73 @@ const ue = { class: "btn-box" }, ge = /* @__PURE__ */ z({
         var t;
         return (t = n.value) == null ? void 0 : t.clearValidate(e);
       },
-      triggerReset: C,
-      triggerSearch: () => p(),
-      toggleCollapse: y,
-      isCollapsed: i(() => s.value)
+      triggerReset: x,
+      triggerSearch: () => w(),
+      toggleCollapse: k,
+      isCollapsed: a(() => s.value)
     };
-    R(W);
-    const $ = (e) => {
-      h.value = e, c("visibleChange", e);
+    R(z);
+    const G = (e) => {
+      p.value = e, m("visibleChange", e);
     };
-    return (e, t) => (d(), f(ne, {
-      class: T(["form-search", {
-        "form-search_show": h.value
+    return (e, t) => (v(), f(pe, {
+      ref_key: "breakpointEl",
+      ref: M,
+      class: q(["form-search", {
+        "form-search_show": p.value
       }]),
-      onHeightChange: A
+      onHeightChange: $
     }, {
-      default: a(() => [
-        H(m(se, U({
+      default: r(() => [
+        J(u(fe, K({
           ref_key: "formMain",
           ref: n,
-          list: I.value,
-          data: M.value,
-          "row-gutter": u.rowGutter
-        }, l(F), {
-          layout: u.layout,
-          labelPosition: u.labelPosition,
-          labelWidth: u.labelWidth,
-          onSubmit: N,
-          onVisibleChange: $
-        }), j({
-          default: a(() => [
-            m(l(oe), S(k(D.value)), {
-              default: a(() => [
-                q("div", ue, [
-                  V.value ? (d(), f(l(g), {
+          list: W.value,
+          data: D.value,
+          "row-gutter": c.rowGutter
+        }, l(E), {
+          layout: d.value,
+          labelPosition: I.value,
+          labelWidth: c.labelWidth,
+          onSubmit: Q,
+          onVisibleChange: G
+        }), O({
+          default: r(() => [
+            u(l(ce), B(P(N.value)), {
+              default: r(() => [
+                X("div", ge, [
+                  _.value ? (v(), f(l(y), {
                     key: 0,
                     type: "primary",
                     link: "",
-                    onMousedown: t[0] || (t[0] = (r) => y())
+                    onMousedown: t[0] || (t[0] = (i) => k())
                   }, {
-                    default: a(() => [
-                      m(l(re), { class: "btn-box-expand-icon" }, {
-                        default: a(() => [
-                          s.value ? (d(), f(l(ae), { key: 0 })) : (d(), f(l(le), { key: 1 }))
+                    default: r(() => [
+                      u(l(me), { class: "btn-box-expand-icon" }, {
+                        default: r(() => [
+                          s.value ? (v(), f(l(de), { key: 0 })) : (v(), f(l(ve), { key: 1 }))
                         ]),
                         _: 1
                       }),
-                      w(" " + J(s.value ? "展开更多" : "收起更多"), 1)
+                      g(" " + Y(s.value ? "展开更多" : "收起更多"), 1)
                     ]),
                     _: 1
-                  })) : K("", !0),
-                  m(l(g), {
+                  })) : Z("", !0),
+                  u(l(y), {
                     type: "warning",
-                    onMousedown: C
+                    onMousedown: x
                   }, {
-                    default: a(() => [...t[2] || (t[2] = [
-                      w("重置", -1)
+                    default: r(() => [...t[2] || (t[2] = [
+                      g("重置", -1)
                     ])]),
                     _: 1
                   }),
-                  m(l(g), {
+                  u(l(y), {
                     type: "primary",
-                    onMousedown: t[1] || (t[1] = (r) => p())
+                    onMousedown: t[1] || (t[1] = (i) => w())
                   }, {
-                    default: a(() => [...t[3] || (t[3] = [
-                      w("查询", -1)
+                    default: r(() => [...t[3] || (t[3] = [
+                      g("查询", -1)
                     ])]),
                     _: 1
                   })
@@ -153,14 +163,14 @@ const ue = { class: "btn-box" }, ge = /* @__PURE__ */ z({
           ]),
           _: 2
         }, [
-          O(u.list, (r) => ({
-            name: r.key,
-            fn: a((Q) => [
-              X(e.$slots, r.key, S(k(Q)), void 0, !0)
+          ee(c.list, (i) => ({
+            name: i.key,
+            fn: r((T) => [
+              te(e.$slots, i.key, B(P(T)), void 0, !0)
             ])
           }))
         ]), 1040, ["list", "data", "row-gutter", "layout", "labelPosition", "labelWidth"]), [
-          [Y, h.value]
+          [oe, p.value]
         ])
       ]),
       _: 3
@@ -168,5 +178,5 @@ const ue = { class: "btn-box" }, ge = /* @__PURE__ */ z({
   }
 });
 export {
-  ge as default
+  Fe as default
 };

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

@@ -1,25 +1,34 @@
-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) => {
+import { resolveFormLayout as a } from "./utils.mjs";
+const f = ["xs", "sm", "md", "lg", "xl"], i = (o) => Math.max(1, Math.floor(24 / o)), p = (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)
+  const e = i(t), r = o % e;
+  return r === 0 ? 24 - t : 24 - r * t - t;
+}, S = (o, t) => {
+  const e = a(o), r = {};
+  for (const n of f) {
+    const s = e[n], u = typeof s == "number" ? s : e.span ?? 6;
+    r[n] = {
+      span: u,
+      offset: p(t, u)
     };
   }
-  return e;
+  return r;
 }, l = (o, t) => {
-  const n = u(o), e = n[t];
-  return typeof e == "number" ? e : n.span ?? 6;
+  const e = a(o), r = e[t];
+  return typeof r == "number" ? r : e.span ?? 6;
+}, L = (o, t, e) => o ? { span: l(t, e) } : t, b = (o, t) => o ? "top" : t, d = (o, t) => {
+  const { compact: e, itemLayout: r, collapsing: n, threshold: s } = t;
+  return !e && !n ? o : o.map((u, m) => {
+    let c = u;
+    return e && (c = { ...c, layout: r }), n && m >= s && (c = { ...c, hide: !0 }), c;
+  });
 };
 export {
-  i as computeButtonColProps,
-  a as computeButtonOffset,
-  f as computeItemsPerRow,
-  l as getCurrentSpan
+  S as computeButtonColProps,
+  p as computeButtonOffset,
+  i as computeItemsPerRow,
+  l as getCurrentSpan,
+  d as packSearchFormList,
+  b as resolveSearchLabelPosition,
+  L as resolveSearchLayout
 };

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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0e94ce51"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-386c1374"]]);
 export {
-  m as default
+  p as default
 };