@done-coding/admin-core 0.8.2-alpha.0 → 0.8.3-alpha.0

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

@@ -1,9 +1,10 @@
-import { ElButton as m } from "element-plus/es";
+import { ElButton as l } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/button/style/css";
-import { defineComponent as p, ref as u, computed as f, openBlock as y, createBlock as d, mergeProps as B, unref as b, withCtx as g, createTextVNode as x, toDisplayString as _ } from "vue";
-import k from "lodash/omit";
-const w = /* @__PURE__ */ p({
+import { defineComponent as p, computed as u, openBlock as f, createBlock as d, mergeProps as B, unref as e, withCtx as y, createTextVNode as b, toDisplayString as g } from "vue";
+import { useFormSubmit as x } from "./use-form-submit.mjs";
+import F from "lodash/omit";
+const h = /* @__PURE__ */ p({
   __name: "FormSubmitBtn",
   props: {
     size: {},
@@ -29,36 +30,29 @@ const w = /* @__PURE__ */ p({
     submitFn: {}
   },
   emits: ["success", "fail"],
-  setup(a, { emit: s }) {
-    const e = a, i = s, o = u(!1), r = f(
-      () => k(e, ["formMainInstance", "submitText", "submitFn"])
-    ), l = async () => {
-      o.value = !0;
-      const { formMainInstance: n } = e;
-      try {
-        await n.validate();
-        const t = n.stringify();
-        await e.submitFn(t), i("success", t);
-      } catch (t) {
-        i("fail", t);
-      } finally {
-        o.value = !1;
-      }
-    };
-    return (n, t) => {
-      const c = m;
-      return y(), d(c, B(b(r), {
-        loading: o.value,
-        onClick: l
+  setup(n, { emit: a }) {
+    const o = n, i = a, s = u(
+      () => F(o, ["formMainInstance", "submitText", "submitFn"])
+    ), { submitting: m, submit: r } = x({
+      getFormMainInstance: () => o.formMainInstance,
+      submitFn: (t) => o.submitFn(t),
+      onSuccess: (t) => i("success", t),
+      onFail: (t) => i("fail", t)
+    });
+    return (t, _) => {
+      const c = l;
+      return f(), d(c, B(e(s), {
+        loading: e(m),
+        onClick: e(r)
       }), {
-        default: g(() => [
-          x(_(a.submitText), 1)
+        default: y(() => [
+          b(g(n.submitText), 1)
         ]),
         _: 1
-      }, 16, ["loading"]);
+      }, 16, ["loading", "onClick"]);
     };
   }
 });
 export {
-  w as default
+  h as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./FormSubmitPanel.vue2.mjs";
 /* empty css                      */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d71ece49"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-450cc756"]]);
 export {
-  a as default
+  c as default
 };

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 i, createElementBlock as j, normalizeClass as z, createVNode as G, mergeProps as c, unref as n, 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), g = (e) => o("fail", e), { submitting: N, submit: V } = X({
+      getFormMainInstance: () => b.value,
+      submitFn: (e) => t.submitFn(e),
+      onSuccess: B,
+      onFail: g
+    });
+    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) => (i(), 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(n(s)),
+        "row-gutter": a.rowGutter
+      }, n(k), {
+        layout: a.layout,
+        labelPosition: a.labelPosition,
+        labelWidth: a.labelWidth
+      }), H({ _: 2 }, [
+        I(a.list, (v) => ({
+          name: v.key,
+          fn: l((W) => [
+            m(e.$slots, v.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), {
+      (i(), u(q($.value), c(w.value, { class: "form-submit-panel-operation" }), {
+        default: l(() => [
+          J("div", _, [
+            m(e.$slots, "cancelBtn", { cancel: p }, () => [
+              a.cancelBtn ? (i(), u(n(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 ? (i(), u(n(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: n(V),
+              submitting: n(N)
+            }, void 0, !0) : (i(), u(U, c({ key: 1 }, a.submitBtnProps, {
+              "submit-fn": a.submitFn,
+              "submit-text": a.submitText,
+              "form-main-instance": b.value,
+              onSuccess: B,
+              onFail: g
+            }), 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/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/style.css

@@ -1 +1 @@
-.confirm-dialog .content[data-v-8a29e4c8]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}.confirm-dialog .btn[data-v-8a29e4c8]{width:150px;height:40px;border-radius:4px}.confirm-dialog .main[data-v-8a29e4c8]{position:relative;text-align:center}.confirm-dialog .main .close-box[data-v-8a29e4c8]{position:absolute;top:0;right:0;cursor:pointer;z-index:2}.confirm-dialog .main .shim[data-v-8a29e4c8]{position:relative;z-index:1}.confirm-dialog .main .shim .title[data-v-8a29e4c8]{font-size:18px;font-weight:500}.confirm-dialog .main .shim .content[data-v-8a29e4c8]{font-size:16px;margin-top:15px}.confirm-dialog .main .shim .footer[data-v-8a29e4c8]{display:flex;justify-content:center;align-items:center;padding-top:5px}.confirm-dialog .main .shim .footer>.btn[data-v-8a29e4c8]:not(:last-child){margin-right:30px}.confirm-dialog .main .shim .footer[reverse=true][data-v-8a29e4c8]{flex-direction:row-reverse}.confirm-dialog .main .shim .footer[reverse=true]>.btn[data-v-8a29e4c8]:not(:last-child){margin-right:0;margin-left:30px}.confirm-dialog .el-dialog__header,.confirm-dialog .el-dialog__body{padding:0;background-color:transparent}.action-confirm__title[data-v-88119b35]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-88119b35]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-88119b35]{display:flex;justify-content:flex-end;gap:8px}.form-item-tip[data-v-0dd66b41]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-0dd66b41] .el-form-item__label-wrap{display:none}.form-submit-panel[data-v-d71ece49]{display:flex;flex-direction:column}.form-submit-panel .form-submit-panel-form[data-v-d71ece49]{order:1}.form-submit-panel .form-submit-panel-operation[data-v-d71ece49]{order:2}.form-submit-panel .form-submit-panel-operation-inner[data-v-d71ece49]{display:flex;align-items:center;gap:8px;padding:10px 12px}.form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-d71ece49]{background-color:var(--el-bg-color)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-d71ece49],.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-d71ece49]{border-top:1px solid var(--el-border-color-light);border-bottom-left-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-d71ece49]{justify-content:center}.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-d71ece49]{justify-content:flex-end}.form-submit-panel_top-right .form-submit-panel-operation[data-v-d71ece49]{order:0}.form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-d71ece49]{justify-content:flex-end;border-bottom:1px solid var(--el-border-color-light);border-top-left-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.panel-edit-switch[data-v-7bb14fd1]{position:relative}.panel-edit-switch:hover .panel-edit-switch-edit-btn[data-v-7bb14fd1]{display:block}.panel-edit-switch-edit-btn[data-v-7bb14fd1]{position:absolute;top:0;right:0;z-index:1;display:none}.panel-edit-switch-actions[data-v-7bb14fd1]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.form-search_show[data-v-d240f220]{margin-bottom:10px}.form-search .btn-box[data-v-d240f220]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.form-search .btn-box-expand-icon[data-v-d240f220]{margin-right:2px}.form-search[data-v-d240f220] .el-col{padding-left:14px}.form-verify-image[data-v-a4baf877] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-a4baf877]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-a4baf877]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-d6937179]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-d6937179]{border:none;background:transparent;cursor:pointer;color:var(--el-text-color-regular);transition:background .2s,color .2s,box-shadow .2s}.tabs-main-bar-indicator[data-v-d6937179]{position:absolute;left:0;background:var(--el-color-primary);transition:transform .2s,width .2s}.tabs-main-bar--l1 .tabs-main-bar-item[data-v-d6937179]{font-size:16px}.tabs-main-bar--l2 .tabs-main-bar-item[data-v-d6937179]{font-size:14px}.tabs-main-bar--l3 .tabs-main-bar-item[data-v-d6937179],.tabs-main-bar--l4 .tabs-main-bar-item[data-v-d6937179]{font-size:12px}.tabs-main-bar--variant-card[data-v-d6937179]{position:relative;overflow:hidden;gap:2px}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-d6937179]{position:relative;padding:8px 20px;line-height:1.4;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-d6937179]:hover:not(.tabs-main-bar-item_active){color:var(--el-color-primary)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]{color:var(--el-color-primary);border-color:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]:before,.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]:after{content:"";position:absolute;bottom:0;width:100vw;height:1px;background:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]:before{right:100%}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]:after{left:100%}.tabs-main-bar--variant-indicator .tabs-main-bar-item[data-v-d6937179]{padding:8px 16px}.tabs-main-bar--variant-indicator .tabs-main-bar-item_active[data-v-d6937179]{color:var(--el-color-primary)}.tabs-main-bar--variant-indicator .tabs-main-bar-indicator[data-v-d6937179]{bottom:0;height:2px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item[data-v-d6937179]{padding:6px 10px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item_active[data-v-d6937179]{color:var(--el-color-primary)}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-indicator[data-v-d6937179]{bottom:0;height:1px}.tabs-main-bar--variant-plain .tabs-main-bar-item[data-v-d6937179]{padding:4px 8px}.tabs-main-bar--variant-plain .tabs-main-bar-item_active[data-v-d6937179]{color:var(--el-color-primary);font-weight:600}.app-breadcrumb[data-v-2f677890]{display:flex;align-items:center;justify-content:flex-start}.app-body[data-v-265945fd]{transition-duration:.3s;transition-property:padding;transition-timing-function:linear;min-height:100vh}.app-body-shim[data-v-265945fd]{width:100%;--app-viewport-max-height: var(--ba2eb370)}.app-footer[data-v-393d9768]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;width:100%;box-shadow:-5px 0 5px #0000001a}.app-footer-shim[data-v-393d9768]{width:100%;height:100%;padding:0 20px}.app-header[data-v-ef3cc8a6]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;position:fixed;left:0;top:0;width:100%;box-shadow:5px 0 5px #0000001a;z-index:1}.app-header-module[data-v-ef3cc8a6]{display:flex;flex:1;height:100%;overflow-x:auto}.app-header-module-item[data-v-ef3cc8a6]{display:flex;justify-content:center;align-items:center;padding:0 20px;white-space:nowrap;height:100%;color:var(--v3dfae5bc)}.app-header-module-item[data-v-ef3cc8a6]:hover,.app-header-module-item_active[data-v-ef3cc8a6]{color:var(--v158cd0d2)}.app-header-module-item_active[data-v-ef3cc8a6]{position:relative}.app-header-module-item_active[data-v-ef3cc8a6]:before{content:"";position:absolute;left:50%;top:0;width:100%;height:3px;background-color:var(--v158cd0d2);transform:translate(-50%)}.app-header-shim[data-v-ef3cc8a6]{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:18px;font-weight:700}.app-header-module-item__icon[data-v-ef3cc8a6]{margin-right:8px}.app-header-userInfo[data-v-ef3cc8a6]{padding-left:80px}.app-header-userInfo__theme-switch[data-v-ef3cc8a6]{margin-right:12px}.app-sidebar[data-v-37ff5e0c]{transition-duration:.3s;transition-property:width;transition-timing-function:linear;position:fixed;left:0;top:0;height:100%;box-shadow:0 5px 5px #0000001a;overflow:visible;z-index:var(--ce9ef212)}.app-sidebar-top[data-v-37ff5e0c]{position:absolute;left:0;right:0;top:0;overflow:hidden}.app-sidebar-bottom[data-v-37ff5e0c]{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.app-sidebar-shim[data-v-37ff5e0c]{position:absolute;left:0;right:0;top:var(--v309db2c2);bottom:var(--v2189b8a1);overflow-x:hidden;overflow-y:auto;--el-menu-border-color: transparent;-webkit-user-select:none;user-select:none}.app-sidebar-toggle[data-v-37ff5e0c]{position:absolute;left:100%;top:50%;transform:translate(-50%,-50%);cursor:pointer;width:22px;height:22px;border-radius:50%;background-color:var(--v65908f82);color:var(--v42a24063);border:1px solid var(--v42a24063);box-shadow:0 1px 2px #0000000f;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;isolation:isolate;transition:color .3s,border-color .3s,box-shadow .3s}.app-sidebar-toggle[data-v-37ff5e0c]:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background-color:var(--v42a24063);opacity:.18;z-index:-1;pointer-events:none;transition:opacity .3s,inset .3s}.app-sidebar-toggle[data-v-37ff5e0c]:active,.app-sidebar-toggle[data-v-37ff5e0c]:focus,.app-sidebar-toggle[data-v-37ff5e0c]:hover{box-shadow:0 2px 6px #0000001f}.app-sidebar-toggle[data-v-37ff5e0c]:active:before,.app-sidebar-toggle[data-v-37ff5e0c]:focus:before,.app-sidebar-toggle[data-v-37ff5e0c]:hover:before{opacity:.32;top:-5px;right:-5px;bottom:-5px;left:-5px}.app-sidebar-toggle-icon[data-v-37ff5e0c]{transition:transform .3s}.app-layout[data-v-6924f8b7]{position:relative}.app-layout_noLogin[data-v-6924f8b7] .app-body,.app-layout_noLogin[data-v-6924f8b7] .app-sidebar,.app-layout_noLogin[data-v-6924f8b7] .app-header,.app-layout_noLogin[data-v-6924f8b7] .app-footer{transition:none!important}.app-page-shim[data-v-fda19616]{--app-viewport-max-height: var(--v54888f0e)}[data-v-1f8a1089] .auto-refresh-label{display:flex;font-size:13px;color:var(--el-text-color-regular);margin-bottom:8px}.auto-refresh-group-icon--rotating[data-v-9cac8b09]{animation:auto-refresh-rotating-9cac8b09 1s linear infinite}@keyframes auto-refresh-rotating-9cac8b09{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-toolbar[data-v-22ae8fa7]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-22ae8fa7],.table-toolbar-right[data-v-22ae8fa7]{display:flex;align-items:center;gap:10px}.table-toolbar-switch-view[data-v-22ae8fa7]{--el-switch-off-color: var(--el-color-primary);--el-switch-on-color: var(--el-color-warning)}.data-list-view[data-v-da38bea6]{width:100%}.data-list-view-empty[data-v-da38bea6]{display:flex;justify-content:center;align-items:center;width:100%;min-height:60px}.table-main-pagination[data-v-05684b89]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-d70424b6]{min-height:var(--v9299b0d4)}.list-page-header[data-v-d70424b6],.list-page-operation[data-v-d70424b6]{margin-bottom:10px}.list-page[data-v-d70424b6] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}.panel-main-item-col:not(:last-of-type) .panel-main-item-col-wrap_card[data-v-25951dc8]{margin-bottom:var(--v39ccf6bc)}
+.confirm-dialog .content[data-v-8a29e4c8]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}.confirm-dialog .btn[data-v-8a29e4c8]{width:150px;height:40px;border-radius:4px}.confirm-dialog .main[data-v-8a29e4c8]{position:relative;text-align:center}.confirm-dialog .main .close-box[data-v-8a29e4c8]{position:absolute;top:0;right:0;cursor:pointer;z-index:2}.confirm-dialog .main .shim[data-v-8a29e4c8]{position:relative;z-index:1}.confirm-dialog .main .shim .title[data-v-8a29e4c8]{font-size:18px;font-weight:500}.confirm-dialog .main .shim .content[data-v-8a29e4c8]{font-size:16px;margin-top:15px}.confirm-dialog .main .shim .footer[data-v-8a29e4c8]{display:flex;justify-content:center;align-items:center;padding-top:5px}.confirm-dialog .main .shim .footer>.btn[data-v-8a29e4c8]:not(:last-child){margin-right:30px}.confirm-dialog .main .shim .footer[reverse=true][data-v-8a29e4c8]{flex-direction:row-reverse}.confirm-dialog .main .shim .footer[reverse=true]>.btn[data-v-8a29e4c8]:not(:last-child){margin-right:0;margin-left:30px}.confirm-dialog .el-dialog__header,.confirm-dialog .el-dialog__body{padding:0;background-color:transparent}.action-confirm__title[data-v-88119b35]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-88119b35]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-88119b35]{display:flex;justify-content:flex-end;gap:8px}.form-item-tip[data-v-0dd66b41]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-0dd66b41] .el-form-item__label-wrap{display:none}.form-submit-panel[data-v-450cc756]{display:flex;flex-direction:column}.form-submit-panel .form-submit-panel-form[data-v-450cc756]{order:1}.form-submit-panel .form-submit-panel-operation[data-v-450cc756]{order:2}.form-submit-panel .form-submit-panel-operation-inner[data-v-450cc756]{display:flex;align-items:center;gap:8px;padding:10px 12px}.form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-450cc756]{background-color:var(--el-bg-color)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-450cc756],.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-450cc756]{border-top:1px solid var(--el-border-color-light);border-bottom-left-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-450cc756]{justify-content:center}.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-450cc756]{justify-content:flex-end}.form-submit-panel_top-right .form-submit-panel-operation[data-v-450cc756]{order:0}.form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-450cc756]{justify-content:flex-end;border-bottom:1px solid var(--el-border-color-light);border-top-left-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.form-submit-panel_no-divider .form-submit-panel-operation-inner[data-v-450cc756]{border:none;border-radius:0}.form-submit-panel_bare .form-submit-panel-operation-inner[data-v-450cc756]{padding:0}.panel-edit-switch[data-v-7bb14fd1]{position:relative}.panel-edit-switch:hover .panel-edit-switch-edit-btn[data-v-7bb14fd1]{display:block}.panel-edit-switch-edit-btn[data-v-7bb14fd1]{position:absolute;top:0;right:0;z-index:1;display:none}.panel-edit-switch-actions[data-v-7bb14fd1]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.form-search_show[data-v-d240f220]{margin-bottom:10px}.form-search .btn-box[data-v-d240f220]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.form-search .btn-box-expand-icon[data-v-d240f220]{margin-right:2px}.form-search[data-v-d240f220] .el-col{padding-left:14px}.form-verify-image[data-v-a4baf877] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-a4baf877]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-a4baf877]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-d6937179]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-d6937179]{border:none;background:transparent;cursor:pointer;color:var(--el-text-color-regular);transition:background .2s,color .2s,box-shadow .2s}.tabs-main-bar-indicator[data-v-d6937179]{position:absolute;left:0;background:var(--el-color-primary);transition:transform .2s,width .2s}.tabs-main-bar--l1 .tabs-main-bar-item[data-v-d6937179]{font-size:16px}.tabs-main-bar--l2 .tabs-main-bar-item[data-v-d6937179]{font-size:14px}.tabs-main-bar--l3 .tabs-main-bar-item[data-v-d6937179],.tabs-main-bar--l4 .tabs-main-bar-item[data-v-d6937179]{font-size:12px}.tabs-main-bar--variant-card[data-v-d6937179]{position:relative;overflow:hidden;gap:2px}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-d6937179]{position:relative;padding:8px 20px;line-height:1.4;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-d6937179]:hover:not(.tabs-main-bar-item_active){color:var(--el-color-primary)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]{color:var(--el-color-primary);border-color:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]:before,.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]:after{content:"";position:absolute;bottom:0;width:100vw;height:1px;background:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]:before{right:100%}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]:after{left:100%}.tabs-main-bar--variant-indicator .tabs-main-bar-item[data-v-d6937179]{padding:8px 16px}.tabs-main-bar--variant-indicator .tabs-main-bar-item_active[data-v-d6937179]{color:var(--el-color-primary)}.tabs-main-bar--variant-indicator .tabs-main-bar-indicator[data-v-d6937179]{bottom:0;height:2px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item[data-v-d6937179]{padding:6px 10px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item_active[data-v-d6937179]{color:var(--el-color-primary)}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-indicator[data-v-d6937179]{bottom:0;height:1px}.tabs-main-bar--variant-plain .tabs-main-bar-item[data-v-d6937179]{padding:4px 8px}.tabs-main-bar--variant-plain .tabs-main-bar-item_active[data-v-d6937179]{color:var(--el-color-primary);font-weight:600}.app-breadcrumb[data-v-2f677890]{display:flex;align-items:center;justify-content:flex-start}.app-body[data-v-265945fd]{transition-duration:.3s;transition-property:padding;transition-timing-function:linear;min-height:100vh}.app-body-shim[data-v-265945fd]{width:100%;--app-viewport-max-height: var(--ba2eb370)}.app-footer[data-v-393d9768]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;width:100%;box-shadow:-5px 0 5px #0000001a}.app-footer-shim[data-v-393d9768]{width:100%;height:100%;padding:0 20px}.app-header[data-v-ef3cc8a6]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;position:fixed;left:0;top:0;width:100%;box-shadow:5px 0 5px #0000001a;z-index:1}.app-header-module[data-v-ef3cc8a6]{display:flex;flex:1;height:100%;overflow-x:auto}.app-header-module-item[data-v-ef3cc8a6]{display:flex;justify-content:center;align-items:center;padding:0 20px;white-space:nowrap;height:100%;color:var(--v3dfae5bc)}.app-header-module-item[data-v-ef3cc8a6]:hover,.app-header-module-item_active[data-v-ef3cc8a6]{color:var(--v158cd0d2)}.app-header-module-item_active[data-v-ef3cc8a6]{position:relative}.app-header-module-item_active[data-v-ef3cc8a6]:before{content:"";position:absolute;left:50%;top:0;width:100%;height:3px;background-color:var(--v158cd0d2);transform:translate(-50%)}.app-header-shim[data-v-ef3cc8a6]{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:18px;font-weight:700}.app-header-module-item__icon[data-v-ef3cc8a6]{margin-right:8px}.app-header-userInfo[data-v-ef3cc8a6]{padding-left:80px}.app-header-userInfo__theme-switch[data-v-ef3cc8a6]{margin-right:12px}.app-sidebar[data-v-37ff5e0c]{transition-duration:.3s;transition-property:width;transition-timing-function:linear;position:fixed;left:0;top:0;height:100%;box-shadow:0 5px 5px #0000001a;overflow:visible;z-index:var(--ce9ef212)}.app-sidebar-top[data-v-37ff5e0c]{position:absolute;left:0;right:0;top:0;overflow:hidden}.app-sidebar-bottom[data-v-37ff5e0c]{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.app-sidebar-shim[data-v-37ff5e0c]{position:absolute;left:0;right:0;top:var(--v309db2c2);bottom:var(--v2189b8a1);overflow-x:hidden;overflow-y:auto;--el-menu-border-color: transparent;-webkit-user-select:none;user-select:none}.app-sidebar-toggle[data-v-37ff5e0c]{position:absolute;left:100%;top:50%;transform:translate(-50%,-50%);cursor:pointer;width:22px;height:22px;border-radius:50%;background-color:var(--v65908f82);color:var(--v42a24063);border:1px solid var(--v42a24063);box-shadow:0 1px 2px #0000000f;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;isolation:isolate;transition:color .3s,border-color .3s,box-shadow .3s}.app-sidebar-toggle[data-v-37ff5e0c]:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background-color:var(--v42a24063);opacity:.18;z-index:-1;pointer-events:none;transition:opacity .3s,inset .3s}.app-sidebar-toggle[data-v-37ff5e0c]:active,.app-sidebar-toggle[data-v-37ff5e0c]:focus,.app-sidebar-toggle[data-v-37ff5e0c]:hover{box-shadow:0 2px 6px #0000001f}.app-sidebar-toggle[data-v-37ff5e0c]:active:before,.app-sidebar-toggle[data-v-37ff5e0c]:focus:before,.app-sidebar-toggle[data-v-37ff5e0c]:hover:before{opacity:.32;top:-5px;right:-5px;bottom:-5px;left:-5px}.app-sidebar-toggle-icon[data-v-37ff5e0c]{transition:transform .3s}.app-layout[data-v-6924f8b7]{position:relative}.app-layout_noLogin[data-v-6924f8b7] .app-body,.app-layout_noLogin[data-v-6924f8b7] .app-sidebar,.app-layout_noLogin[data-v-6924f8b7] .app-header,.app-layout_noLogin[data-v-6924f8b7] .app-footer{transition:none!important}.app-page-shim[data-v-fda19616]{--app-viewport-max-height: var(--v54888f0e)}[data-v-1f8a1089] .auto-refresh-label{display:flex;font-size:13px;color:var(--el-text-color-regular);margin-bottom:8px}.auto-refresh-group-icon--rotating[data-v-9cac8b09]{animation:auto-refresh-rotating-9cac8b09 1s linear infinite}@keyframes auto-refresh-rotating-9cac8b09{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-toolbar[data-v-22ae8fa7]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-22ae8fa7],.table-toolbar-right[data-v-22ae8fa7]{display:flex;align-items:center;gap:10px}.table-toolbar-switch-view[data-v-22ae8fa7]{--el-switch-off-color: var(--el-color-primary);--el-switch-on-color: var(--el-color-warning)}.data-list-view[data-v-da38bea6]{width:100%}.data-list-view-empty[data-v-da38bea6]{display:flex;justify-content:center;align-items:center;width:100%;min-height:60px}.table-main-pagination[data-v-05684b89]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-d70424b6]{min-height:var(--v9299b0d4)}.list-page-header[data-v-d70424b6],.list-page-operation[data-v-d70424b6]{margin-bottom:10px}.list-page[data-v-d70424b6] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}.panel-main-item-col:not(:last-of-type) .panel-main-item-col-wrap_card[data-v-25951dc8]{margin-bottom:var(--v39ccf6bc)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@done-coding/admin-core",
-  "version": "0.8.2-alpha.0",
+  "version": "0.8.3-alpha.0",
   "description": "后台管理核心",
   "private": false,
   "main": "lib/index.cjs",
@@ -81,5 +81,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "ab62c1951866382399a7a524aefc1f8aad7b056b"
+  "gitHead": "2db8c4bfcf63a1cd077ef7c7426e25f33c243e2b"
 }

package/types/bridge/index.d.ts

@@ -246,8 +246,8 @@ export type AppCacheConfig = AppConfig["APP_CACHE_CONFIG"];
  * `set` [MUST] 产新对象（[MUST NOT] 原地 mutate，破响应式 + 破不可变）。
  */
 export interface UserInfoFieldAccessor<UserInfo = unknown> {
-    /** 从用户信息读取字段值（未命中返回 undefined） */
-    get: (info: Partial<UserInfo>) => string | undefined;
+    /** 读字段值；[MUST] 返回 string——业务经 getUserInfoInitFn 把该字段初值置 `""`，保证空态为 `""` 而非 undefined（类型恒定，免下游满屏 `token!`） */
+    get: (info: Partial<UserInfo>) => string;
     /**
      * 写入字段值，返回**保留 info 其余全部字段**的新对象。
      *

package/types/components/form/FormSubmitPanel.vue.d.ts

@@ -15,6 +15,10 @@ declare const _default: <PO extends Record<string, any>, SO extends Record<strin
         resetBtn?(_: {
             reset: () => void;
         }): any;
+        submitBtn?(_: {
+            submit: () => Promise<void>;
+            submitting: boolean;
+        }): any;
     };
     emit: {
         (e: "cancel"): void;

package/types/components/form/types.d.ts

@@ -311,5 +311,22 @@ export type FormSubmitPanelProps<PO extends Record<string, any>, SO extends Reco
      * 默认值 false
      */
     operationAffix?: boolean | AffixProps;
+    /** 操作区分隔线（含外侧圆角）
+     * ----
+     * 默认值 true；置 false 去掉分隔线 + 圆角（极简 / 单按钮场景）
+     */
+    divider?: boolean;
+    /** 操作区无内边距（bare）
+     * ----
+     * 默认 false；置 true 去掉操作区 padding（嵌入 / 极简场景）。
+     * 与 divider 正交：divider 管边框+圆角，bare 管 padding，可叠加全 flush。
+     */
+    bare?: boolean;
+    /** 根面板自定义 class（显式根出口）
+     * ----
+     * inheritAttrs:false 下消费方 `class` 经 v-bind 转发内层 FormMain（对标 FormSearch），
+     * 根面板 `.form-submit-panel` 拿不到。需给根面板加类时用本 prop。
+     */
+    rootClass?: string | string[] | Record<string, boolean>;
 };
 export {};

package/types/components/form/use-form-submit.d.ts

@@ -0,0 +1,25 @@
+import { Ref } from 'vue';
+import { FormMainInstance, FormSubmitBtnProps, FormDataInfo } from './types';
+/** useFormSubmit 入参——提交管线的 4 个外部接线点 */
+export interface UseFormSubmitOptions<PO extends Record<string, any>, SO extends Record<string, any>> {
+    /** 惰性取 FormMain 实例（首渲染 undefined 容忍，click 时才用） */
+    getFormMainInstance: () => FormMainInstance<PO, SO>;
+    /** 提交方法（每次调用时读取，保留响应式） */
+    submitFn: FormSubmitBtnProps<PO, SO>["submitFn"];
+    /** 成功回调（载荷 = stringifyData） */
+    onSuccess?: (data: FormDataInfo<PO, SO>["stringifyData"]) => void;
+    /** 失败回调（校验未过 / submitFn reject） */
+    onFail?: (error: unknown) => void;
+}
+/** useFormSubmit 返回——loading 态 + 提交触发器 */
+export interface UseFormSubmitReturn {
+    /** 提交中 loading 态 */
+    submitting: Ref<boolean>;
+    /** 触发提交：validate → stringify → submitFn → onSuccess / onFail */
+    submit: () => Promise<void>;
+}
+/**
+ * 表单提交管线 composable——validate→stringify→submitFn 全程接管 loading。
+ * FormSubmitBtn 与 FormSubmitPanel(#submitBtn slot) 共用，单一事实源。
+ */
+export declare function useFormSubmit<PO extends Record<string, any>, SO extends Record<string, any>>(options: UseFormSubmitOptions<PO, SO>): UseFormSubmitReturn;

package/types/store/user.d.ts

@@ -30,7 +30,7 @@ export interface CreateUserStoreDeps<UserInfo, LoginParams = unknown> {
  */
 export declare function createUserStore<UserInfo, LoginParams = unknown>(deps: CreateUserStoreDeps<UserInfo, LoginParams>): import('pinia').StoreDefinition<"USER", Pick<{
     userInfo: ComputedRef<UserInfo>;
-    token: ComputedRef<string | undefined>;
+    token: ComputedRef<string>;
     isLogin: ComputedRef<boolean>;
     login: (params: LoginParams) => Promise<void>;
     logout: () => Promise<void>;
@@ -40,7 +40,7 @@ export declare function createUserStore<UserInfo, LoginParams = unknown>(deps: C
     havePermissionByKey: (key?: RoutePermission["key"]) => boolean;
 }, never>, Pick<{
     userInfo: ComputedRef<UserInfo>;
-    token: ComputedRef<string | undefined>;
+    token: ComputedRef<string>;
     isLogin: ComputedRef<boolean>;
     login: (params: LoginParams) => Promise<void>;
     logout: () => Promise<void>;
@@ -50,7 +50,7 @@ export declare function createUserStore<UserInfo, LoginParams = unknown>(deps: C
     havePermissionByKey: (key?: RoutePermission["key"]) => boolean;
 }, "userInfo" | "token" | "isLogin">, Pick<{
     userInfo: ComputedRef<UserInfo>;
-    token: ComputedRef<string | undefined>;
+    token: ComputedRef<string>;
     isLogin: ComputedRef<boolean>;
     login: (params: LoginParams) => Promise<void>;
     logout: () => Promise<void>;