@done-coding/admin-core 0.8.2 → 0.9.0

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

@@ -1,10 +1,11 @@
-import { defineComponent as V, useAttrs as W, shallowRef as E, ref as R, computed as l, watch as B, openBlock as o, createElementBlock as T, normalizeClass as j, createVNode as g, mergeProps as m, unref as r, createSlots as z, renderList as G, withCtx as s, renderSlot as c, normalizeProps as H, guardReactiveProps as M, createBlock as u, resolveDynamicComponent as I, createElementVNode as L, createTextVNode as P, toDisplayString as h, createCommentVNode as x } from "vue";
-import { ElAffix as O } from "element-plus";
-import q from "./FormMain.vue.mjs";
-import J from "./FormSubmitBtn.vue.mjs";
-import D from "../display/ActionBtn.vue.mjs";
-import { parseFormData as K, generateFormData as Q } from "./utils.mjs";
-const U = { class: "form-submit-panel-operation-inner" }, nt = /* @__PURE__ */ V({
+import { defineComponent as E, useAttrs as M, shallowRef as R, ref as T, computed as r, watch as P, 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 h, toDisplayString as C, createCommentVNode as D } 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 F from "../display/ActionBtn.vue.mjs";
+import { parseFormData as Y, generateFormData as Z } from "./utils.mjs";
+const _ = { class: "form-submit-panel-operation-inner" }, lt = /* @__PURE__ */ E({
   name: "FormSubmitPanel",
   inheritAttrs: !1,
   __name: "FormSubmitPanel",
@@ -23,78 +24,97 @@ const U = { class: "form-submit-panel-operation-inner" }, nt = /* @__PURE__ */ V
     cancelBtn: {},
     resetBtn: {},
     operationPosition: { default: "bottom-center" },
-    operationAffix: { type: [Boolean, Object], default: !1 }
+    operationAffix: { type: [Boolean, Object], default: !1 },
+    divider: { type: Boolean, default: !0 },
+    bare: { type: Boolean, default: !1 },
+    rootClass: {}
   },
   emits: ["cancel", "fail", "success", "parseDataChange"],
-  setup(t, { emit: v }) {
-    const a = t, n = v, k = W(), f = E(), i = R({}), C = (e) => e, S = l(() => f.value), w = l(() => a.operationAffix ? O : "div"), A = l(() => a.operationAffix ? typeof a.operationAffix == "object" ? a.operationAffix : { position: "bottom" } : {}), d = () => a.stringifyData ? K(a.stringifyData, a.list) : Q(a.list), b = () => n("cancel"), p = () => {
-      i.value = d();
-    }, F = (e) => n("success", e), $ = (e) => n("fail", e);
-    return B(i, (e) => {
-      n("parseDataChange", e);
-    }), B(
-      [() => a.stringifyData, () => a.list],
+  setup(a, { emit: S }) {
+    const t = a, o = S, k = M(), f = R(), s = T({}), x = (e) => e, b = r(() => f.value), $ = r(() => t.operationAffix ? K : "div"), w = r(() => t.operationAffix ? typeof t.operationAffix == "object" ? t.operationAffix : { position: "bottom" } : {}), A = r(() => [
+      `form-submit-panel_${t.operationPosition}`,
+      {
+        "form-submit-panel_no-divider": !t.divider,
+        "form-submit-panel_bare": t.bare
+      },
+      t.rootClass
+    ]), d = () => t.stringifyData ? Y(t.stringifyData, t.list) : Z(t.list), p = () => o("cancel"), y = () => {
+      s.value = d();
+    }, B = (e) => o("success", e), v = (e) => o("fail", e), { submitting: N, submit: V } = X({
+      getFormMainInstance: () => b.value,
+      submitFn: (e) => t.submitFn(e),
+      onSuccess: B,
+      onFail: v
+    });
+    return P(s, (e) => {
+      o("parseDataChange", e);
+    }), P(
+      [() => t.stringifyData, () => t.list],
       () => {
-        i.value = d();
+        s.value = d();
       },
       {
         immediate: !0
       }
-    ), (e, X) => (o(), T("div", {
-      class: j(["form-submit-panel", `form-submit-panel_${t.operationPosition}`])
+    ), (e, tt) => (n(), j("div", {
+      class: z(["form-submit-panel", A.value])
     }, [
-      g(q, m({
+      G(Q, c({
         ref_key: "formMain",
         ref: f,
         class: "form-submit-panel-form",
-        list: t.list,
-        data: C(r(i)),
-        "row-gutter": t.rowGutter
-      }, r(k), {
-        layout: t.layout,
-        labelPosition: t.labelPosition,
-        labelWidth: t.labelWidth
-      }), z({ _: 2 }, [
-        G(t.list, (y) => ({
-          name: y.key,
-          fn: s((N) => [
-            c(e.$slots, y.key, H(M(N)), void 0, !0)
+        list: a.list,
+        data: x(s.value),
+        "row-gutter": a.rowGutter
+      }, i(k), {
+        layout: a.layout,
+        labelPosition: a.labelPosition,
+        labelWidth: a.labelWidth
+      }), H({ _: 2 }, [
+        I(a.list, (g) => ({
+          name: g.key,
+          fn: l((W) => [
+            m(e.$slots, g.key, L(O(W)), void 0, !0)
           ])
         }))
       ]), 1040, ["list", "data", "row-gutter", "layout", "labelPosition", "labelWidth"]),
-      (o(), u(I(w.value), m(A.value, { class: "form-submit-panel-operation" }), {
-        default: s(() => [
-          L("div", U, [
-            c(e.$slots, "cancelBtn", { cancel: b }, () => [
-              t.cancelBtn ? (o(), u(r(D), {
+      (n(), u(q($.value), c(w.value, { class: "form-submit-panel-operation" }), {
+        default: l(() => [
+          J("div", _, [
+            m(e.$slots, "cancelBtn", { cancel: p }, () => [
+              a.cancelBtn ? (n(), u(i(F), {
                 key: 0,
-                onClick: b
+                onClick: p
               }, {
-                default: s(() => [
-                  P(h(t.cancelBtn), 1)
+                default: l(() => [
+                  h(C(a.cancelBtn), 1)
                 ]),
                 _: 1
-              })) : x("", !0)
+              })) : D("", !0)
             ], !0),
-            c(e.$slots, "resetBtn", { reset: p }, () => [
-              t.resetBtn ? (o(), u(r(D), {
+            m(e.$slots, "resetBtn", { reset: y }, () => [
+              a.resetBtn ? (n(), u(i(F), {
                 key: 0,
                 type: "warning",
-                onClick: p
+                onClick: y
               }, {
-                default: s(() => [
-                  P(h(t.resetBtn), 1)
+                default: l(() => [
+                  h(C(a.resetBtn), 1)
                 ]),
                 _: 1
-              })) : x("", !0)
+              })) : D("", !0)
             ], !0),
-            g(J, m(t.submitBtnProps, {
-              "submit-fn": t.submitFn,
-              "submit-text": t.submitText,
-              "form-main-instance": S.value,
-              onSuccess: F,
-              onFail: $
-            }), null, 16, ["submit-fn", "submit-text", "form-main-instance"])
+            e.$slots.submitBtn ? m(e.$slots, "submitBtn", {
+              key: 0,
+              submit: i(V),
+              submitting: i(N)
+            }, void 0, !0) : (n(), u(U, c({ key: 1 }, a.submitBtnProps, {
+              "submit-fn": a.submitFn,
+              "submit-text": a.submitText,
+              "form-main-instance": b.value,
+              onSuccess: B,
+              onFail: v
+            }), null, 16, ["submit-fn", "submit-text", "form-main-instance"]))
           ])
         ]),
         _: 3
@@ -103,5 +123,5 @@ const U = { class: "form-submit-panel-operation-inner" }, nt = /* @__PURE__ */ V
   }
 });
 export {
-  nt as default
+  lt as default
 };

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

@@ -1,8 +1,6 @@
-import { ElTree as c } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/tree/style/css";
-import { defineComponent as m, openBlock as r, createBlock as u } from "vue";
-const i = /* @__PURE__ */ m({
+import { defineComponent as n, openBlock as u, createBlock as c, unref as r } from "vue";
+import { ElTree as m } from "element-plus";
+const s = /* @__PURE__ */ n({
   __name: "FormTree",
   props: {
     modelValue: {},
@@ -11,24 +9,21 @@ const i = /* @__PURE__ */ m({
     defaultExpandAll: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: o }) {
-    const l = o, a = (d, { checkedKeys: t }) => {
-      l("update:modelValue", t);
-    };
-    return (d, t) => {
-      const n = c;
-      return r(), u(n, {
-        ref: "elTree",
-        data: e.tree,
-        showCheckbox: e.showCheckbox,
-        nodeKey: "id",
-        defaultCheckedKeys: e.modelValue,
-        defaultExpandAll: e.defaultExpandAll,
-        onCheck: a
-      }, null, 8, ["data", "showCheckbox", "defaultCheckedKeys", "defaultExpandAll"]);
+  setup(e, { emit: a }) {
+    const t = a, o = (d, { checkedKeys: l }) => {
+      t("update:modelValue", l);
     };
+    return (d, l) => (u(), c(r(m), {
+      ref: "elTree",
+      data: e.tree,
+      showCheckbox: e.showCheckbox,
+      nodeKey: "id",
+      defaultCheckedKeys: e.modelValue,
+      defaultExpandAll: e.defaultExpandAll,
+      onCheck: o
+    }, null, 8, ["data", "showCheckbox", "defaultCheckedKeys", "defaultExpandAll"]));
   }
 });
 export {
-  i as default
+  s as default
 };

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

@@ -1,10 +1,7 @@
-import { ElInput as B, ElButton as g } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/input/style/css";
-import "element-plus/es/components/button/style/css";
-import { defineComponent as h, ref as u, computed as x, onBeforeUnmount as _, watch as E, openBlock as n, createBlock as I, withCtx as r, createVNode as T, unref as a, createElementBlock as p, toDisplayString as c } from "vue";
+import { defineComponent as b, ref as u, computed as k, onBeforeUnmount as g, watch as h, openBlock as d, createBlock as x, unref as m, withCtx as r, createVNode as B, createElementBlock as f, toDisplayString as p } from "vue";
+import { ElInput as E, ElButton as T } from "element-plus";
 import { timeCountDown as z } from "../../utils/time.mjs";
-const K = { key: 0 }, U = { key: 1 }, A = /* @__PURE__ */ h({
+const I = { key: 0 }, K = { key: 1 }, F = /* @__PURE__ */ b({
   __name: "FormVerifyCode",
   props: {
     modelValue: {},
@@ -16,57 +13,54 @@ const K = { key: 0 }, U = { key: 1 }, A = /* @__PURE__ */ h({
     btnText: { default: "发送验证码" }
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: f }) {
-    const l = o, y = f, t = u(0), d = u(!1), i = x(() => t.value > 0);
+  setup(t, { emit: c }) {
+    const a = t, v = c, l = u(0), o = u(!1), i = k(() => l.value > 0);
     let e;
-    const V = () => {
-      d.value = !0, console.log("发送验证码"), l.api(l.params).then(() => {
-        t.value = l.hz, e == null || e(), e = z(
-          t.value,
+    const y = () => {
+      o.value = !0, console.log("发送验证码"), a.api(a.params).then(() => {
+        l.value = a.hz, e == null || e(), e = z(
+          l.value,
           (s) => {
-            t.value = s;
+            l.value = s;
           },
           () => {
             console.log("倒计时结束");
           }
         );
       }).finally(() => {
-        d.value = !1;
+        o.value = !1;
       });
     };
-    return _(() => {
+    return g(() => {
       e == null || e();
-    }), E(
-      () => l.resetKey,
+    }), h(
+      () => a.resetKey,
       () => {
-        e == null || e(), t.value = 0;
+        e == null || e(), l.value = 0;
       }
-    ), (s, m) => {
-      const b = g, v = B;
-      return n(), I(v, {
-        modelValue: o.modelValue,
-        disabled: o.disabled,
-        "onUpdate:modelValue": m[0] || (m[0] = (k) => y("update:modelValue", k))
-      }, {
-        suffix: r(() => [
-          T(b, {
-            type: "primary",
-            link: "",
-            loading: a(d),
-            disabled: a(i) || o.disabled,
-            onClick: V
-          }, {
-            default: r(() => [
-              a(i) ? (n(), p("span", K, c(a(t)) + "s后可重新发送", 1)) : (n(), p("span", U, c(o.btnText), 1))
-            ]),
-            _: 1
-          }, 8, ["loading", "disabled"])
-        ]),
-        _: 1
-      }, 8, ["modelValue", "disabled"]);
-    };
+    ), (s, n) => (d(), x(m(E), {
+      modelValue: t.modelValue,
+      disabled: t.disabled,
+      "onUpdate:modelValue": n[0] || (n[0] = (V) => v("update:modelValue", V))
+    }, {
+      suffix: r(() => [
+        B(m(T), {
+          type: "primary",
+          link: "",
+          loading: o.value,
+          disabled: i.value || t.disabled,
+          onClick: y
+        }, {
+          default: r(() => [
+            i.value ? (d(), f("span", I, p(l.value) + "s后可重新发送", 1)) : (d(), f("span", K, p(t.btnText), 1))
+          ]),
+          _: 1
+        }, 8, ["loading", "disabled"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "disabled"]));
   }
 });
 export {
-  A as default
+  F as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./FormVerifyImage.vue2.mjs";
 /* empty css                      */
 import r from "../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a4baf877"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-669b7ad9"]]);
 export {
-  f as default
+  e as default
 };

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

@@ -1,8 +1,6 @@
-import { ElInput as x } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/input/style/css";
-import { defineComponent as V, ref as r, computed as s, onMounted as _, openBlock as k, createBlock as U, normalizeStyle as u, unref as o, withCtx as I, createElementVNode as c } from "vue";
-const R = ["disabled"], $ = ["src"], d = "9px", E = /* @__PURE__ */ V({
+import { defineComponent as y, ref as m, computed as n, onMounted as h, openBlock as x, createBlock as V, unref as _, normalizeStyle as s, withCtx as k, createElementVNode as u } from "vue";
+import { ElInput as U } from "element-plus";
+const R = ["disabled"], $ = ["src"], d = "9px", B = /* @__PURE__ */ y({
   __name: "FormVerifyImage",
   props: {
     modelValue: {},
@@ -12,49 +10,46 @@ const R = ["disabled"], $ = ["src"], d = "9px", E = /* @__PURE__ */ V({
     autoRevokeUrl: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(a, { emit: f }) {
-    const e = a, p = f, t = r(!1), l = r(""), g = s(() => ({
+  setup(a, { emit: c }) {
+    const e = a, f = c, l = m(!1), t = m(""), p = n(() => ({
       left: `calc(100%  + ${d})`,
       width: `${e.imgWidth}px`
-    })), v = s(() => ({
+    })), v = n(() => ({
       width: `calc(100% - ${d} - ${e.imgWidth}px)`
-    })), i = () => {
-      t.value || (console.log("获取图片验证码"), t.value = !0, l.value && e.autoRevokeUrl && URL.revokeObjectURL(l.value), e.api(e.params).then((n) => {
-        l.value = n;
+    })), o = () => {
+      l.value || (console.log("获取图片验证码"), l.value = !0, t.value && e.autoRevokeUrl && URL.revokeObjectURL(t.value), e.api(e.params).then((i) => {
+        t.value = i;
       }).finally(() => {
-        t.value = !1;
+        l.value = !1;
       }));
     };
-    return _(() => {
-      i();
-    }), (n, m) => {
-      const y = x;
-      return k(), U(y, {
-        placeholder: "验证码",
-        modelValue: a.modelValue,
-        class: "form-verify-image",
-        style: u(o(v)),
-        "onUpdate:modelValue": m[0] || (m[0] = (h) => p("update:modelValue", h))
-      }, {
-        suffix: I(() => [
-          c("div", {
-            class: "form-verify-image-suffix",
-            style: u(o(g)),
-            disabled: o(t),
-            onClick: i
-          }, [
-            c("img", {
-              class: "form-verify-image-suffix-main",
-              src: o(l),
-              alt: ""
-            }, null, 8, $)
-          ], 12, R)
-        ]),
-        _: 1
-      }, 8, ["modelValue", "style"]);
-    };
+    return h(() => {
+      o();
+    }), (i, r) => (x(), V(_(U), {
+      placeholder: "验证码",
+      modelValue: a.modelValue,
+      class: "form-verify-image",
+      style: s(v.value),
+      "onUpdate:modelValue": r[0] || (r[0] = (g) => f("update:modelValue", g))
+    }, {
+      suffix: k(() => [
+        u("div", {
+          class: "form-verify-image-suffix",
+          style: s(p.value),
+          disabled: l.value,
+          onClick: o
+        }, [
+          u("img", {
+            class: "form-verify-image-suffix-main",
+            src: t.value,
+            alt: ""
+          }, null, 8, $)
+        ], 12, R)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "style"]));
   }
 });
 export {
-  E as default
+  B as default
 };

package/es/components/form/use-form-submit.mjs

@@ -0,0 +1,21 @@
+import { ref as m } from "vue";
+function i(a) {
+  const e = m(!1);
+  return { submitting: e, submit: async () => {
+    var t, c;
+    e.value = !0;
+    try {
+      const r = a.getFormMainInstance();
+      await r.validate();
+      const u = r.stringify();
+      await a.submitFn(u), (t = a.onSuccess) == null || t.call(a, u);
+    } catch (r) {
+      (c = a.onFail) == null || c.call(a, r);
+    } finally {
+      e.value = !1;
+    }
+  } };
+}
+export {
+  i as useFormSubmit
+};

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