@done-coding/admin-core 0.15.1-alpha.0 → 0.16.1-alpha.0

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

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

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

@@ -1,9 +1,9 @@
-import { defineComponent as W, useAttrs as E, shallowRef as R, ref as T, computed as r, watch as F, openBlock as n, createElementBlock as j, normalizeClass as z, createVNode as G, mergeProps as c, unref as i, createSlots as H, renderList as I, withCtx as l, renderSlot as m, normalizeProps as L, guardReactiveProps as O, createBlock as u, resolveDynamicComponent as q, createElementVNode as J, createTextVNode as P, toDisplayString as S, createCommentVNode as h } from "vue";
+import { defineComponent as W, useAttrs as E, shallowRef as R, ref as T, computed as r, watch as C, openBlock as n, createElementBlock as j, normalizeClass as z, createVNode as G, mergeProps as c, unref as i, createSlots as H, renderList as I, withCtx as l, renderSlot as m, normalizeProps as L, guardReactiveProps as O, createBlock as u, resolveDynamicComponent as q, createElementVNode as J, createTextVNode as F, toDisplayString as P, createCommentVNode as S } from "vue";
 import { ElAffix as K } from "element-plus";
 import Q from "./FormMain.vue.mjs";
 import U from "./FormSubmitBtn.vue.mjs";
 import { useFormSubmit as X } from "./use-form-submit.mjs";
-import C from "../display/ActionBtn.vue.mjs";
+import h from "../display/ActionBtn.vue.mjs";
 import { parseFormData as Y, generateFormData as Z } from "./utils.mjs";
 const _ = { class: "form-submit-panel-operation-inner" }, lt = /* @__PURE__ */ W({
   name: "FormSubmitPanel",
@@ -16,6 +16,7 @@ const _ = { class: "form-submit-panel-operation-inner" }, lt = /* @__PURE__ */ W
     }) },
     rowGutter: {},
     layoutScale: {},
+    layoutByContainer: { type: Boolean },
     stringifyData: {},
     submitText: {},
     submitFn: {},
@@ -47,9 +48,9 @@ const _ = { class: "form-submit-panel-operation-inner" }, lt = /* @__PURE__ */ W
       onSuccess: B,
       onFail: v
     });
-    return F(s, (e) => {
+    return C(s, (e) => {
       o("parseDataChange", e);
-    }), F(
+    }), C(
       [() => t.stringifyData, () => t.list],
       () => {
         s.value = d();
@@ -83,27 +84,27 @@ const _ = { class: "form-submit-panel-operation-inner" }, lt = /* @__PURE__ */ W
         default: l(() => [
           J("div", _, [
             m(e.$slots, "cancelBtn", { cancel: p }, () => [
-              a.cancelBtn ? (n(), u(i(C), {
+              a.cancelBtn ? (n(), u(i(h), {
                 key: 0,
                 onClick: p
               }, {
                 default: l(() => [
-                  P(S(a.cancelBtn), 1)
+                  F(P(a.cancelBtn), 1)
                 ]),
                 _: 1
-              })) : h("", !0)
+              })) : S("", !0)
             ], !0),
             m(e.$slots, "resetBtn", { reset: y }, () => [
-              a.resetBtn ? (n(), u(i(C), {
+              a.resetBtn ? (n(), u(i(h), {
                 key: 0,
                 type: "warning",
                 onClick: y
               }, {
                 default: l(() => [
-                  P(S(a.resetBtn), 1)
+                  F(P(a.resetBtn), 1)
                 ]),
                 _: 1
-              })) : h("", !0)
+              })) : S("", !0)
             ], !0),
             e.$slots.submitBtn ? m(e.$slots, "submitBtn", {
               key: 0,

package/es/components/form/use-layout-by-container.mjs

@@ -0,0 +1,20 @@
+import { watch as m } from "vue";
+import { useCustomBreakpoint as l } from "../../hooks/use-custom-breakpoint.mjs";
+const c = (r, o) => {
+  const { xs: n, sm: i, md: e, lg: a, xl: s, ...u } = r, t = { xs: n, sm: i, md: e, lg: a, xl: s }[o];
+  return t === void 0 ? u : typeof t == "number" ? { ...u, span: t } : { ...u, ...t };
+};
+function y(r) {
+  const { elRef: o, activeBreakpoint: n } = l();
+  return m(
+    () => [r.enabled(), r.getForm()],
+    ([e, a]) => {
+      o.value = e ? a : void 0;
+    },
+    { immediate: !0 }
+  ), { resolveLayoutByContainer: (e) => r.enabled() ? c(e, n.value) : e };
+}
+export {
+  c as resolveFormLayoutAtBreakpoint,
+  y as useFormLayoutByContainer
+};

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