@aplus-frontend/ui 0.0.11 → 0.0.12

package/es/src/ap-action/item/index.vue2.mjs

@@ -1,9 +1,10 @@
-import { defineComponent as y, ref as g, unref as r, computed as s, openBlock as n, createElementBlock as c, normalizeClass as C, createBlock as d, createCommentVNode as u, renderSlot as b, isVNode as v, resolveDynamicComponent as B, toDisplayString as A } from "vue";
+import { defineComponent as C, ref as b, unref as n, computed as s, openBlock as t, createElementBlock as c, normalizeClass as v, createBlock as d, createCommentVNode as u, renderSlot as B, isVNode as A, resolveDynamicComponent as x, toDisplayString as h } from "vue";
 import "../../config-provider/index.mjs";
-import x from "ant-design-vue/es/button/LoadingIcon";
+import I from "ant-design-vue/es/button/LoadingIcon";
 import "../style/item.css";
-import { useNamespace as h } from "../../config-provider/hooks/use-namespace.mjs";
-const I = { key: 1 }, V = /* @__PURE__ */ y({
+import { useNamespace as L } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as N } from "../../config-provider/hooks/use-global-config.mjs";
+const _ = { key: 1 }, G = /* @__PURE__ */ C({
   name: "ApActionItem",
   __name: "index",
   props: {
@@ -15,35 +16,35 @@ const I = { key: 1 }, V = /* @__PURE__ */ y({
     onClick: {},
     loading: { type: Boolean, default: !1 }
   },
-  setup(f) {
-    const e = f, { b: m, m: t } = h("action-item"), l = g(!1);
-    function p(o) {
+  setup(m) {
+    const e = m, { b: f, m: r, bm: p } = L("action-item"), g = N("uiMode"), l = b(!1);
+    function k(o) {
       var i;
-      r(a) || e.disabled || ((i = e.onClick) == null || i.call(e, o), e.onAction && (l.value = !0, e.onAction(o).finally(() => l.value = !1)));
+      n(a) || e.disabled || ((i = e.onClick) == null || i.call(e, o), e.onAction && (l.value = !0, e.onAction(o).finally(() => l.value = !1)));
     }
-    const a = s(() => e.loading || r(l)), k = s(() => [
-      m(),
-      t(e.color),
-      e.disabled ? t("disabled") : null,
-      a.value ? t("loading") : null
+    const a = s(() => e.loading || n(l)), y = s(() => [
+      f(),
+      p(n(g), e.color),
+      e.disabled ? r("disabled") : null,
+      a.value ? r("loading") : null
     ].filter(Boolean));
-    return (o, i) => o.visible ? (n(), c("span", {
+    return (o, i) => o.visible ? (t(), c("span", {
       key: 0,
-      onClick: p,
-      class: C(k.value)
+      onClick: k,
+      class: v(y.value)
     }, [
-      a.value ? (n(), d(r(x), {
+      a.value ? (t(), d(n(I), {
         key: 0,
         prefixCls: "btn",
         existIcon: !1,
         loading: ""
       })) : u("", !0),
-      b(o.$slots, "default", {}, () => [
-        v(o.text) ? (n(), d(B(o.text), { key: 0 })) : (n(), c("span", I, A(o.text || ""), 1))
+      B(o.$slots, "default", {}, () => [
+        A(o.text) ? (t(), d(x(o.text), { key: 0 })) : (t(), c("span", _, h(o.text || ""), 1))
       ])
     ], 2)) : u("", !0);
   }
 });
 export {
-  V as default
+  G as default
 };

package/es/src/ap-action/style/item.css

@@ -4,21 +4,36 @@
   line-height: 22px;
   cursor: pointer;
 }
-.aplus-action-item--primary {
+.aplus-action-item-aplus--primary {
   color: #0070ff;
 }
-.aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
+.aplus-action-item-aplus--primary:not(.aplus-action-item--disabled):hover {
   color: #66a9ff;
 }
-.aplus-action-item--success {
+.aplus-action-item-admin--primary {
+  color: #1890FF;
+}
+.aplus-action-item-admin--primary:not(.aplus-action-item--disabled):hover {
+  color: #5EB1FF;
+}
+.aplus-action-item-aplus--success {
   color: #2ed1a3;
 }
-.aplus-action-item--error {
+.aplus-action-item-aplus--error {
   color: #FF4D4F;
 }
-.aplus-action-item--warn {
+.aplus-action-item-aplus--warn {
   color: #FFA940;
 }
+.aplus-action-item-admin--success {
+  color: #52C41A;
+}
+.aplus-action-item-admin--error {
+  color: #FF4D4F;
+}
+.aplus-action-item-admin--warn {
+  color: #FAAD14;
+}
 .aplus-action-item--loading {
   opacity: 0.35;
   transition: opacity 0.2s;

package/es/src/ap-form/ap-form.vue2.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as b, ref as k, reactive as x, computed as M, openBlock as R, createBlock as T, unref as W, mergeProps as q, withCtx as w, renderSlot as z } from "vue";
-import { Form as A } from "ant-design-vue";
-import { useProvideForm as E } from "./context.mjs";
+import { defineComponent as b, ref as R, reactive as k, toRaw as x, computed as M, openBlock as T, createBlock as w, unref as W, mergeProps as q, withCtx as z, renderSlot as A } from "vue";
+import { Form as E } from "ant-design-vue";
+import { useProvideForm as O } from "./context.mjs";
 import { isArray as y } from "lodash-unified";
-const I = /* @__PURE__ */ b({
+const L = /* @__PURE__ */ b({
   __name: "ap-form",
   props: {
     layout: { default: "horizontal" },
@@ -35,27 +35,27 @@ const I = /* @__PURE__ */ b({
     function _(e, t) {
       var V;
       if (y(e)) {
-        let u = o;
-        for (let d = 0; d < e.length - 1; d++)
-          u = u[e[d]];
-        u[e[e.length - 1]] = t;
+        let n = o;
+        for (let u = 0; u < e.length - 1; u++)
+          n = n[e[u]];
+        n[e[e.length - 1]] = t;
       } else
         o[e] = t;
       let l = y(e) ? e[0] : e;
       (V = r.onValuesChange) == null || V.call(r, { [l]: o[l] }, o), s();
     }
-    const a = k(), o = x(r.initialValues || {});
+    const a = R(), o = k(r.initialValues || {});
     let i = [];
-    const f = (e) => {
+    const d = (e) => {
       var t;
       (t = a.value) == null || t.resetFields(e), s();
-    }, c = (e) => {
+    }, f = (e) => {
       var t;
       (t = a.value) == null || t.clearValidate(e);
-    }, p = (e, t) => {
+    }, c = (e, t) => {
       var l;
       return (l = a.value) == null ? void 0 : l.validateFields(e, t);
-    }, n = (e) => {
+    }, p = (e) => {
       var t;
       return (t = a.value) == null ? void 0 : t.getFieldsValue(e);
     }, h = (e, t) => {
@@ -76,20 +76,20 @@ const I = /* @__PURE__ */ b({
     }
     function s() {
       if (i.length) {
-        const e = n(!0);
+        const e = x(o);
         i.forEach((t) => {
           t(e);
         });
       }
     }
-    return E({
+    return O({
       model: M(() => o),
       updateModel: _,
       formInstance: {
-        resetFields: f,
-        clearValidate: c,
-        validateFields: p,
-        getFieldsValue: n,
+        resetFields: d,
+        clearValidate: f,
+        validateFields: c,
+        getFieldsValue: p,
         validate: h,
         scrollToField: g,
         setFieldsValue: F,
@@ -97,26 +97,26 @@ const I = /* @__PURE__ */ b({
         registerWatch: v
       }
     }), B({
-      resetFields: f,
-      clearValidate: c,
-      validateFields: p,
-      getFieldsValue: n,
+      resetFields: d,
+      clearValidate: f,
+      validateFields: c,
+      getFieldsValue: p,
       validate: h,
       scrollToField: g,
       setFieldsValue: F,
       setFieldValue: m,
       registerWatch: v
-    }), (e, t) => (R(), T(W(A), q({
+    }), (e, t) => (T(), w(W(E), q({
       ref_key: "formRef",
       ref: a
     }, r, { model: o }), {
-      default: w(() => [
-        z(e.$slots, "default")
+      default: z(() => [
+        A(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["model"]));
   }
 });
 export {
-  I as default
+  L as default
 };

package/es/src/ap-form/modal-form/index.vue.mjs

@@ -1,20 +1,21 @@
-import { isVNode as E, defineComponent as L, useSlots as A, ref as F, watch as W, cloneVNode as G, computed as H, createVNode as n, mergeProps as p, unref as r, openBlock as g, createElementBlock as J, Fragment as K, withCtx as V, renderSlot as x, createTextVNode as Q, toDisplayString as X, createBlock as N, resolveDynamicComponent as P } from "vue";
-import { Button as y, Flex as S, Space as Y, Modal as Z } from "ant-design-vue";
+import { isVNode as U, defineComponent as $, useSlots as q, ref as F, watch as D, cloneVNode as L, computed as A, createVNode as u, mergeProps as p, unref as i, openBlock as g, createElementBlock as G, Fragment as W, withCtx as y, renderSlot as w, createTextVNode as H, toDisplayString as J, createElementVNode as K, normalizeClass as Q, createBlock as x, resolveDynamicComponent as T } from "vue";
+import { Button as V, Flex as X, Modal as Y } from "ant-design-vue";
 import "../ap-form.vue.mjs";
 import "../../hooks/index.mjs";
-import { getSingleVNode as I } from "../../utils/slot.mjs";
+import { getSingleVNode as Z } from "../../utils/slot.mjs";
 import "../../config-provider/index.mjs";
-import { omit as ee } from "lodash-unified";
+import { omit as I } from "lodash-unified";
 import "../style/modal-form.css";
-import { convertReactiveToRaw as te } from "../../utils/index.mjs";
-import { useControllableValue as le } from "../../hooks/useControllableValue.mjs";
-import { useLocale as ae } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as oe } from "../../config-provider/hooks/use-namespace.mjs";
-import se from "../ap-form.vue2.mjs";
-function C(d) {
-  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !E(d);
+import { convertReactiveToRaw as ee } from "../../utils/index.mjs";
+import { useControllableValue as te } from "../../hooks/useControllableValue.mjs";
+import { useLocale as le } from "../../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as oe } from "../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as ae } from "../../config-provider/hooks/use-namespace.mjs";
+import ie from "../ap-form.vue2.mjs";
+function se(d) {
+  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !U(d);
 }
-const xe = /* @__PURE__ */ L({
+const Pe = /* @__PURE__ */ $({
   __name: "index",
   props: {
     layout: {
@@ -85,155 +86,154 @@ const xe = /* @__PURE__ */ L({
   },
   emits: ["update:open"],
   setup(d, {
-    expose: _,
-    emit: R
+    expose: N,
+    emit: P
   }) {
-    const a = d, b = A(), j = R, o = F(), c = F(), u = F(!1), {
-      value: M,
-      updateValue: f
-    } = le(a, j, {
+    const o = d, b = q(), S = P, a = F(), c = F(), r = F(!1), {
+      value: _,
+      updateValue: m
+    } = te(o, S, {
       valuePropName: "open",
       defaultValue: !1
     }), {
       t: v
-    } = ae(), {
-      b: O,
-      e: B
-    } = oe("ap-form-modal-form");
-    W(() => o.value, (t) => {
-      var e;
-      t && c.value && ((e = t.setFieldsValue) == null || e.call(t, c.value), c.value = void 0);
+    } = le(), h = oe("uiMode"), {
+      b: R,
+      e: C
+    } = ae("ap-form-modal-form");
+    D(() => a.value, (e) => {
+      var t;
+      e && c.value && ((t = e.setFieldsValue) == null || t.call(e, c.value), c.value = void 0);
     });
-    const k = I(b.trigger), U = k ? G(k, {
+    const B = Z(b.trigger), M = B ? L(B, {
       onClick: () => {
-        f(!0);
+        m(!0);
       }
-    }) : null, $ = H(() => {
-      var i, m, h, T;
-      let t;
+    }) : null, j = A(() => {
+      var t, l, n, f;
       const e = [];
-      if (a.submitter === !1)
+      if (o.submitter === !1)
         return null;
-      if (a.showCancel) {
+      if (o.showCancel) {
         let s;
-        e.push(n(y, {
-          onClick: w,
-          disabled: u.value
-        }, C(s = v("ap.common.cancelText")) ? s : {
+        e.push(u(V, {
+          onClick: k,
+          disabled: r.value
+        }, se(s = v("ap.common.cancelText")) ? s : {
           default: () => [s]
         }));
       }
-      return ((i = a.submitter) == null ? void 0 : i.resetButtonProps) !== !1 && e.push(n(y, p(((m = a.submitter) == null ? void 0 : m.resetButtonProps) || {}, {
+      return ((t = o.submitter) == null ? void 0 : t.resetButtonProps) !== !1 && e.push(u(V, p(((l = o.submitter) == null ? void 0 : l.resetButtonProps) || {}, {
         key: "submit",
-        disabled: u.value,
-        onClick: q
+        disabled: r.value,
+        onClick: O
       }), {
         default: () => {
           var s;
-          return [((s = a.submitter) == null ? void 0 : s.resetText) || v("ap.common.resetText")];
+          return [((s = o.submitter) == null ? void 0 : s.resetText) || v("ap.common.resetText")];
         }
-      })), ((h = a.submitter) == null ? void 0 : h.submitButtonProps) !== !1 && e.push(n(y, p({
+      })), ((n = o.submitter) == null ? void 0 : n.submitButtonProps) !== !1 && e.push(u(V, p({
         type: "primary",
         key: "submit"
-      }, ((T = a.submitter) == null ? void 0 : T.submitButtonProps) || {}, {
-        loading: u.value,
+      }, ((f = o.submitter) == null ? void 0 : f.submitButtonProps) || {}, {
+        loading: r.value,
         onClick: z
       }), {
         default: () => {
           var s;
-          return [((s = a.submitter) == null ? void 0 : s.submitText) || v("ap.common.okText")];
+          return [((s = o.submitter) == null ? void 0 : s.submitText) || v("ap.common.okText")];
         }
-      })), b.submitter ? n(S, {
+      })), u(X, {
         justify: "flex-end",
-        class: B("footer")
-      }, C(t = b.submitter(e)) ? t : {
-        default: () => [t]
-      }) : n(S, {
-        justify: "flex-end",
-        class: B("footer")
+        class: C(i(h) === "admin" ? "footer-admin" : "footer")
       }, {
-        default: () => [n(Y, null, C(e) ? e : {
-          default: () => [e]
-        })]
+        default: () => [b.submitter ? b.submitter(e) : e]
       });
     });
-    function q() {
-      var t, e, l;
-      a.submitter !== !1 && ((t = o.value) == null || t.resetFields(), (l = (e = a.submitter) == null ? void 0 : e.onReset) == null || l.call(e));
+    function O() {
+      var e, t, l;
+      o.submitter !== !1 && ((e = a.value) == null || e.resetFields(), (l = (t = o.submitter) == null ? void 0 : t.onReset) == null || l.call(t));
     }
     async function z() {
-      var t, e, l, i;
-      if (a.submitter !== !1)
+      var e, t, l, n;
+      if (o.submitter !== !1)
         try {
-          const m = await ((t = o.value) == null ? void 0 : t.validateFields());
-          (l = (e = a.submitter) == null ? void 0 : e.onSubmit) == null || l.call(e), u.value = !0, await ((i = a.onFinish) == null ? void 0 : i.call(a, te(m))) && f(!1);
+          const f = await ((e = a.value) == null ? void 0 : e.validateFields());
+          (l = (t = o.submitter) == null ? void 0 : t.onSubmit) == null || l.call(t), r.value = !0, await ((n = o.onFinish) == null ? void 0 : n.call(o, ee(f))) && m(!1);
         } finally {
-          u.value = !1;
+          r.value = !1;
         }
     }
-    function w() {
-      r(u) || f(!1);
+    function k() {
+      i(r) || m(!1);
     }
-    function D(t) {
-      !t && r(u) || f(t);
+    function E(e) {
+      !e && i(r) || m(e);
     }
-    return _({
-      resetFields: (t) => {
-        var e;
-        (e = o.value) == null || e.resetFields(t);
+    return N({
+      resetFields: (e) => {
+        var t;
+        (t = a.value) == null || t.resetFields(e);
       },
-      clearValidate: (t) => {
-        var e;
-        (e = o.value) == null || e.clearValidate(t);
+      clearValidate: (e) => {
+        var t;
+        (t = a.value) == null || t.clearValidate(e);
       },
-      validateFields: (t, e) => {
+      validateFields: (e, t) => {
         var l;
-        return (l = o.value) == null ? void 0 : l.validateFields(t, e);
+        return (l = a.value) == null ? void 0 : l.validateFields(e, t);
       },
-      getFieldsValue: (t) => {
-        var e;
-        return (e = o.value) == null ? void 0 : e.getFieldsValue(t);
+      getFieldsValue: (e) => {
+        var t;
+        return (t = a.value) == null ? void 0 : t.getFieldsValue(e);
       },
-      validate: (t, e) => {
+      validate: (e, t) => {
         var l;
-        return (l = o.value) == null ? void 0 : l.validate(t, e);
+        return (l = a.value) == null ? void 0 : l.validate(e, t);
       },
-      scrollToField: (t, e = {}) => {
+      scrollToField: (e, t = {}) => {
         var l;
-        (l = o.value) == null || l.scrollToField(t, e);
+        (l = a.value) == null || l.scrollToField(e, t);
       },
-      setFieldValue: (t, e) => {
-        var l, i;
-        (i = (l = o.value) == null ? void 0 : l.setFieldValue) == null || i.call(l, t, e);
+      setFieldValue: (e, t) => {
+        var l, n;
+        (n = (l = a.value) == null ? void 0 : l.setFieldValue) == null || n.call(l, e, t);
       },
-      setFieldsValue: (t) => {
-        var e, l;
-        if (!o.value) {
-          c.value = t;
+      setFieldsValue: (e) => {
+        var t, l;
+        if (!a.value) {
+          c.value = e;
           return;
         }
-        (l = (e = o.value) == null ? void 0 : e.setFieldsValue) == null || l.call(e, t);
+        (l = (t = a.value) == null ? void 0 : t.setFieldsValue) == null || l.call(t, e);
       }
-    }), (t, e) => (g(), J(K, null, [n(r(Z), p(t.modalProps, {
-      open: r(M),
-      "onUpdate:open": D,
-      onCancel: w,
+    }), (e, t) => (g(), G(W, null, [u(i(Y), p(e.modalProps, {
+      open: i(_),
+      "onUpdate:open": E,
+      onCancel: k,
       footer: null,
-      width: t.width,
-      class: r(O)()
+      width: e.width,
+      class: i(R)(),
+      "body-style": {
+        padding: i(h) === "admin" ? "0px !important" : "20px !important"
+        // 这里使用内联样式目的是为了使用最高优先级覆盖设置的全局样式
+        // 使用ModalForm你可能无法再自定义body的样式
+      }
     }), {
-      title: V(() => [x(t.$slots, "title", {}, () => [Q(X(a.title), 1)])]),
-      default: V(() => [n(se, p({
+      title: y(() => [w(e.$slots, "title", {}, () => [H(J(o.title), 1)])]),
+      default: y(() => [K("div", {
+        class: Q(i(C)(i(h) === "admin" ? "content-admin" : "content"))
+      }, [u(ie, p({
         ref_key: "formRef",
-        ref: o
-      }, r(ee)(a, ["modalProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
-        default: V(() => [x(t.$slots, "default")]),
+        ref: a
+      }, i(I)(o, ["modalProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
+        default: y(() => [w(e.$slots, "default")]),
         _: 3
-      }, 16), (g(), N(P($.value)))]),
+      }, 16)], 2), (g(), x(T(j.value)))]),
       _: 3
-    }, 16, ["open", "width", "class"]), (g(), N(P(r(U))))], 64));
+    }, 16, ["open", "width", "class", "body-style"]), (g(), x(T(i(M))))], 64));
   }
 });
 export {
-  xe as default
+  Pe as default
 };

package/es/src/ap-form/style/modal-form.css

@@ -6,12 +6,16 @@
   border-bottom: 1px solid #E9EDF3;
   margin-bottom: 0;
 }
-.aplus-ap-form-modal-form .ant-modal-body {
+.aplus-ap-form-modal-form__content-admin {
   padding: 20px;
 }
 .aplus-ap-form-modal-form__footer {
   padding-top: 20px;
 }
+.aplus-ap-form-modal-form__footer-admin {
+  border-top: 1px solid #E9EDF3;
+  padding: 12px 20px;
+}
 .aplus-ap-form-modal-form .ant-modal-close {
   top: 16px;
 }

package/es/src/editable-table/interface.d.ts

@@ -68,4 +68,6 @@ export type EditableTableExpose<ModelType = any> = {
     resetFields: (name?: NamePath) => void;
     validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>> | undefined;
     getFieldsValue: (nameList?: true | InternalNamePath[]) => Partial<ModelType> | undefined;
+    add: (defaultValue?: any) => void;
+    remove: (index: number) => void;
 };

package/es/src/editable-table/style/index.css

@@ -1,5 +1,9 @@
+.aplus-editable-table .ant-table-cell:has(> .ant-form-item) {
+  padding-top: 20px !important;
+  padding-bottom: 0 !important;
+}
 .aplus-editable-table .ant-form-item {
-  margin-bottom: 0;
+  margin-bottom: 20px;
 }
 .aplus-editable-table__header-cell--required {
   color: #FF4D4F;

package/es/src/pro-form/components/form-action.vue2.mjs

@@ -55,24 +55,24 @@ const X = /* @__PURE__ */ T({
           g(e(G).Item, null, {
             default: o(() => [
               i(t.$slots, "resetBefore"),
-              t.showResetButton ? (a(), l(e(f), m({
+              t.showSubmitButton ? (a(), l(e(f), m({
                 key: 0,
-                type: "default",
+                type: "primary",
                 class: e(c)("button", "space")
-              }, y.value, { onClick: e(w) }), {
+              }, v.value, { onClick: e(x) }), {
                 default: o(() => [
-                  p(d(y.value.text), 1)
+                  p(d(v.value.text), 1)
                 ]),
                 _: 1
               }, 16, ["class", "onClick"])) : r("", !0),
               i(t.$slots, "submitBefore"),
-              t.showSubmitButton ? (a(), l(e(f), m({
+              t.showResetButton ? (a(), l(e(f), m({
                 key: 1,
-                type: "primary",
+                type: "default",
                 class: e(c)("button", "space")
-              }, v.value, { onClick: e(x) }), {
+              }, y.value, { onClick: e(w) }), {
                 default: o(() => [
-                  p(d(v.value.text), 1)
+                  p(d(y.value.text), 1)
                 ]),
                 _: 1
               }, 16, ["class", "onClick"])) : r("", !0),

package/es/src/theme/ap-action/item.css

@@ -4,21 +4,36 @@
   line-height: 22px;
   cursor: pointer;
 }
-.aplus-action-item--primary {
+.aplus-action-item-aplus--primary {
   color: #0070ff;
 }
-.aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
+.aplus-action-item-aplus--primary:not(.aplus-action-item--disabled):hover {
   color: #66a9ff;
 }
-.aplus-action-item--success {
+.aplus-action-item-admin--primary {
+  color: #1890FF;
+}
+.aplus-action-item-admin--primary:not(.aplus-action-item--disabled):hover {
+  color: #5EB1FF;
+}
+.aplus-action-item-aplus--success {
   color: #2ed1a3;
 }
-.aplus-action-item--error {
+.aplus-action-item-aplus--error {
   color: #FF4D4F;
 }
-.aplus-action-item--warn {
+.aplus-action-item-aplus--warn {
   color: #FFA940;
 }
+.aplus-action-item-admin--success {
+  color: #52C41A;
+}
+.aplus-action-item-admin--error {
+  color: #FF4D4F;
+}
+.aplus-action-item-admin--warn {
+  color: #FAAD14;
+}
 .aplus-action-item--loading {
   opacity: 0.35;
   transition: opacity 0.2s;

package/es/src/theme/ap-form/modal-form.css

@@ -6,12 +6,16 @@
   border-bottom: 1px solid #E9EDF3;
   margin-bottom: 0;
 }
-.aplus-ap-form-modal-form .ant-modal-body {
+.aplus-ap-form-modal-form__content-admin {
   padding: 20px;
 }
 .aplus-ap-form-modal-form__footer {
   padding-top: 20px;
 }
+.aplus-ap-form-modal-form__footer-admin {
+  border-top: 1px solid #E9EDF3;
+  padding: 12px 20px;
+}
 .aplus-ap-form-modal-form .ant-modal-close {
   top: 16px;
 }

package/es/src/theme/editable-table/index.css

@@ -1,5 +1,9 @@
+.aplus-editable-table .ant-table-cell:has(> .ant-form-item) {
+  padding-top: 20px !important;
+  padding-bottom: 0 !important;
+}
 .aplus-editable-table .ant-form-item {
-  margin-bottom: 0;
+  margin-bottom: 20px;
 }
 .aplus-editable-table__header-cell--required {
   color: #FF4D4F;

package/lib/src/ap-action/item/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const d=require("ant-design-vue/es/button/LoadingIcon");require("../style/item.css");const f=require("../../config-provider/hooks/use-namespace.js"),m={key:1},p=e.defineComponent({name:"ApActionItem",__name:"index",props:{text:{},color:{default:"primary"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},onAction:{},onClick:{},loading:{type:Boolean,default:!1}},setup(r){const o=r,{b:s,m:t}=f.useNamespace("action-item"),l=e.ref(!1);function c(n){var i;e.unref(a)||o.disabled||((i=o.onClick)==null||i.call(o,n),o.onAction&&(l.value=!0,o.onAction(n).finally(()=>l.value=!1)))}const a=e.computed(()=>o.loading||e.unref(l)),u=e.computed(()=>[s(),t(o.color),o.disabled?t("disabled"):null,a.value?t("loading"):null].filter(Boolean));return(n,i)=>n.visible?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:c,class:e.normalizeClass(u.value)},[a.value?(e.openBlock(),e.createBlock(e.unref(d),{key:0,prefixCls:"btn",existIcon:!1,loading:""})):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[e.isVNode(n.text)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.text),{key:0})):(e.openBlock(),e.createElementBlock("span",m,e.toDisplayString(n.text||""),1))])],2)):e.createCommentVNode("",!0)}});exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const m=require("ant-design-vue/es/button/LoadingIcon");require("../style/item.css");const p=require("../../config-provider/hooks/use-namespace.js"),k=require("../../config-provider/hooks/use-global-config.js"),g={key:1},b=e.defineComponent({name:"ApActionItem",__name:"index",props:{text:{},color:{default:"primary"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},onAction:{},onClick:{},loading:{type:Boolean,default:!1}},setup(r){const o=r,{b:s,m:i,bm:u}=p.useNamespace("action-item"),c=k.useGlobalConfig("uiMode"),t=e.ref(!1);function d(n){var a;e.unref(l)||o.disabled||((a=o.onClick)==null||a.call(o,n),o.onAction&&(t.value=!0,o.onAction(n).finally(()=>t.value=!1)))}const l=e.computed(()=>o.loading||e.unref(t)),f=e.computed(()=>[s(),u(e.unref(c),o.color),o.disabled?i("disabled"):null,l.value?i("loading"):null].filter(Boolean));return(n,a)=>n.visible?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:d,class:e.normalizeClass(f.value)},[l.value?(e.openBlock(),e.createBlock(e.unref(m),{key:0,prefixCls:"btn",existIcon:!1,loading:""})):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[e.isVNode(n.text)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.text),{key:0})):(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(n.text||""),1))])],2)):e.createCommentVNode("",!0)}});exports.default=b;

package/lib/src/ap-action/style/item.css

@@ -4,21 +4,36 @@
   line-height: 22px;
   cursor: pointer;
 }
-.aplus-action-item--primary {
+.aplus-action-item-aplus--primary {
   color: #0070ff;
 }
-.aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
+.aplus-action-item-aplus--primary:not(.aplus-action-item--disabled):hover {
   color: #66a9ff;
 }
-.aplus-action-item--success {
+.aplus-action-item-admin--primary {
+  color: #1890FF;
+}
+.aplus-action-item-admin--primary:not(.aplus-action-item--disabled):hover {
+  color: #5EB1FF;
+}
+.aplus-action-item-aplus--success {
   color: #2ed1a3;
 }
-.aplus-action-item--error {
+.aplus-action-item-aplus--error {
   color: #FF4D4F;
 }
-.aplus-action-item--warn {
+.aplus-action-item-aplus--warn {
   color: #FFA940;
 }
+.aplus-action-item-admin--success {
+  color: #52C41A;
+}
+.aplus-action-item-admin--error {
+  color: #FF4D4F;
+}
+.aplus-action-item-admin--warn {
+  color: #FAAD14;
+}
 .aplus-action-item--loading {
   opacity: 0.35;
   transition: opacity 0.2s;

package/lib/src/ap-form/ap-form.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),q=require("ant-design-vue"),M=require("./context.js"),C=require("lodash-unified"),T=a.defineComponent({__name:"ap-form",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{}},setup(_,{expose:b}){const i=_;function B(e,t){var m;if(C.isArray(e)){let d=o;for(let c=0;c<e.length-1;c++)d=d[e[c]];d[e[e.length-1]]=t}else o[e]=t;let l=C.isArray(e)?e[0]:e;(m=i.onValuesChange)==null||m.call(i,{[l]:o[l]},o),n()}const r=a.ref(),o=a.reactive(i.initialValues||{});let s=[];const f=e=>{var t;(t=r.value)==null||t.resetFields(e),n()},g=e=>{var t;(t=r.value)==null||t.clearValidate(e)},h=(e,t)=>{var l;return(l=r.value)==null?void 0:l.validateFields(e,t)},u=e=>{var t;return(t=r.value)==null?void 0:t.getFieldsValue(e)},p=(e,t)=>{var l;return(l=r.value)==null?void 0:l.validate(e,t)},v=(e,t={})=>{var l;(l=r.value)==null||l.scrollToField(e,t)},F=e=>{Object.assign(o,e),n()},y=(e,t)=>{o[e]=t,n()};function V(e){return s.push(e),()=>{s=s.filter(t=>t!==e)}}function n(){if(s.length){const e=u(!0);s.forEach(t=>{t(e)})}}return M.useProvideForm({model:a.computed(()=>o),updateModel:B,formInstance:{resetFields:f,clearValidate:g,validateFields:h,getFieldsValue:u,validate:p,scrollToField:v,setFieldsValue:F,setFieldValue:y,registerWatch:V}}),b({resetFields:f,clearValidate:g,validateFields:h,getFieldsValue:u,validate:p,scrollToField:v,setFieldsValue:F,setFieldValue:y,registerWatch:V}),(e,t)=>(a.openBlock(),a.createBlock(a.unref(q.Form),a.mergeProps({ref_key:"formRef",ref:r},i,{model:o}),{default:a.withCtx(()=>[a.renderSlot(e.$slots,"default")]),_:3},16,["model"]))}});exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),q=require("ant-design-vue"),M=require("./context.js"),C=require("lodash-unified"),R=a.defineComponent({__name:"ap-form",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{}},setup(_,{expose:b}){const i=_;function B(e,t){var m;if(C.isArray(e)){let u=o;for(let d=0;d<e.length-1;d++)u=u[e[d]];u[e[e.length-1]]=t}else o[e]=t;let l=C.isArray(e)?e[0]:e;(m=i.onValuesChange)==null||m.call(i,{[l]:o[l]},o),n()}const r=a.ref(),o=a.reactive(i.initialValues||{});let s=[];const c=e=>{var t;(t=r.value)==null||t.resetFields(e),n()},f=e=>{var t;(t=r.value)==null||t.clearValidate(e)},g=(e,t)=>{var l;return(l=r.value)==null?void 0:l.validateFields(e,t)},h=e=>{var t;return(t=r.value)==null?void 0:t.getFieldsValue(e)},p=(e,t)=>{var l;return(l=r.value)==null?void 0:l.validate(e,t)},v=(e,t={})=>{var l;(l=r.value)==null||l.scrollToField(e,t)},F=e=>{Object.assign(o,e),n()},y=(e,t)=>{o[e]=t,n()};function V(e){return s.push(e),()=>{s=s.filter(t=>t!==e)}}function n(){if(s.length){const e=a.toRaw(o);s.forEach(t=>{t(e)})}}return M.useProvideForm({model:a.computed(()=>o),updateModel:B,formInstance:{resetFields:c,clearValidate:f,validateFields:g,getFieldsValue:h,validate:p,scrollToField:v,setFieldsValue:F,setFieldValue:y,registerWatch:V}}),b({resetFields:c,clearValidate:f,validateFields:g,getFieldsValue:h,validate:p,scrollToField:v,setFieldsValue:F,setFieldValue:y,registerWatch:V}),(e,t)=>(a.openBlock(),a.createBlock(a.unref(q.Form),a.mergeProps({ref_key:"formRef",ref:r},i,{model:o}),{default:a.withCtx(()=>[a.renderSlot(e.$slots,"default")]),_:3},16,["model"]))}});exports.default=R;

package/lib/src/ap-form/modal-form/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue");require("../ap-form.vue.js");require("../../hooks/index.js");const T=require("../../utils/slot.js");require("../../config-provider/index.js");const R=require("lodash-unified");require("../style/modal-form.css");const j=require("../../utils/index.js"),M=require("../../hooks/useControllableValue.js"),O=require("../../config-provider/hooks/use-locale.js"),D=require("../../config-provider/hooks/use-namespace.js"),U=require("../ap-form.vue2.js");function g(d){return typeof d=="function"||Object.prototype.toString.call(d)==="[object Object]"&&!e.isVNode(d)}const L=e.defineComponent({__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinishFailed:{},onValidate:{},initialValues:{},open:{type:Boolean,default:void 0},"onUpdate:open":{},modalProps:{default:()=>({})},title:{},width:{default:800},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0}},emits:["update:open"],setup(d,{expose:C,emit:B}){const o=d,m=e.useSlots(),N=B,s=e.ref(),c=e.ref(),r=e.ref(!1),{value:k,updateValue:f}=M.useControllableValue(o,N,{valuePropName:"open",defaultValue:!1}),{t:v}=O.useLocale(),{b:_,e:h}=D.useNamespace("ap-form-modal-form");e.watch(()=>s.value,l=>{var t;l&&c.value&&((t=l.setFieldsValue)==null||t.call(l,c.value),c.value=void 0)});const V=T.getSingleVNode(m.trigger),q=V?e.cloneVNode(V,{onClick:()=>{f(!0)}}):null,w=e.computed(()=>{var u,p,b,y;let l;const t=[];if(o.submitter===!1)return null;if(o.showCancel){let n;t.push(e.createVNode(i.Button,{onClick:F,disabled:r.value},g(n=v("ap.common.cancelText"))?n:{default:()=>[n]}))}return((u=o.submitter)==null?void 0:u.resetButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps(((p=o.submitter)==null?void 0:p.resetButtonProps)||{},{key:"submit",disabled:r.value,onClick:x}),{default:()=>{var n;return[((n=o.submitter)==null?void 0:n.resetText)||v("ap.common.resetText")]}})),((b=o.submitter)==null?void 0:b.submitButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps({type:"primary",key:"submit"},((y=o.submitter)==null?void 0:y.submitButtonProps)||{},{loading:r.value,onClick:P}),{default:()=>{var n;return[((n=o.submitter)==null?void 0:n.submitText)||v("ap.common.okText")]}})),m.submitter?e.createVNode(i.Flex,{justify:"flex-end",class:h("footer")},g(l=m.submitter(t))?l:{default:()=>[l]}):e.createVNode(i.Flex,{justify:"flex-end",class:h("footer")},{default:()=>[e.createVNode(i.Space,null,g(t)?t:{default:()=>[t]})]})});function x(){var l,t,a;o.submitter!==!1&&((l=s.value)==null||l.resetFields(),(a=(t=o.submitter)==null?void 0:t.onReset)==null||a.call(t))}async function P(){var l,t,a,u;if(o.submitter!==!1)try{const p=await((l=s.value)==null?void 0:l.validateFields());(a=(t=o.submitter)==null?void 0:t.onSubmit)==null||a.call(t),r.value=!0,await((u=o.onFinish)==null?void 0:u.call(o,j.convertReactiveToRaw(p)))&&f(!1)}finally{r.value=!1}}function F(){e.unref(r)||f(!1)}function S(l){!l&&e.unref(r)||f(l)}return C({resetFields:l=>{var t;(t=s.value)==null||t.resetFields(l)},clearValidate:l=>{var t;(t=s.value)==null||t.clearValidate(l)},validateFields:(l,t)=>{var a;return(a=s.value)==null?void 0:a.validateFields(l,t)},getFieldsValue:l=>{var t;return(t=s.value)==null?void 0:t.getFieldsValue(l)},validate:(l,t)=>{var a;return(a=s.value)==null?void 0:a.validate(l,t)},scrollToField:(l,t={})=>{var a;(a=s.value)==null||a.scrollToField(l,t)},setFieldValue:(l,t)=>{var a,u;(u=(a=s.value)==null?void 0:a.setFieldValue)==null||u.call(a,l,t)},setFieldsValue:l=>{var t,a;if(!s.value){c.value=l;return}(a=(t=s.value)==null?void 0:t.setFieldsValue)==null||a.call(t,l)}}),(l,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(i.Modal),e.mergeProps(l.modalProps,{open:e.unref(k),"onUpdate:open":S,onCancel:F,footer:null,width:l.width,class:e.unref(_)()}),{title:e.withCtx(()=>[e.renderSlot(l.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),default:e.withCtx(()=>[e.createVNode(U.default,e.mergeProps({ref_key:"formRef",ref:s},e.unref(R.omit)(o,["modalProps","open","onUpdate:open","title","width","onFinish","submitter"])),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w.value)))]),_:3},16,["open","width","class"]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(q))))],64))}});exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("ant-design-vue");require("../ap-form.vue.js");require("../../hooks/index.js");const P=require("../../utils/slot.js");require("../../config-provider/index.js");const T=require("lodash-unified");require("../style/modal-form.css");const S=require("../../utils/index.js"),M=require("../../hooks/useControllableValue.js"),R=require("../../config-provider/hooks/use-locale.js"),j=require("../../config-provider/hooks/use-global-config.js"),O=require("../../config-provider/hooks/use-namespace.js"),D=require("../ap-form.vue2.js");function U(u){return typeof u=="function"||Object.prototype.toString.call(u)==="[object Object]"&&!e.isVNode(u)}const z=e.defineComponent({__name:"index",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinishFailed:{},onValidate:{},initialValues:{},open:{type:Boolean,default:void 0},"onUpdate:open":{},modalProps:{default:()=>({})},title:{},width:{default:800},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0}},emits:["update:open"],setup(u,{expose:F,emit:y}){const o=u,m=e.useSlots(),C=y,n=e.ref(),c=e.ref(),i=e.ref(!1),{value:B,updateValue:f}=M.useControllableValue(o,C,{valuePropName:"open",defaultValue:!1}),{t:b}=R.useLocale(),v=j.useGlobalConfig("uiMode"),{b:k,e:g}=O.useNamespace("ap-form-modal-form");e.watch(()=>n.value,t=>{var l;t&&c.value&&((l=t.setFieldsValue)==null||l.call(t,c.value),c.value=void 0)});const h=P.getSingleVNode(m.trigger),q=h?e.cloneVNode(h,{onClick:()=>{f(!0)}}):null,N=e.computed(()=>{var l,a,r,p;const t=[];if(o.submitter===!1)return null;if(o.showCancel){let s;t.push(e.createVNode(d.Button,{onClick:V,disabled:i.value},U(s=b("ap.common.cancelText"))?s:{default:()=>[s]}))}return((l=o.submitter)==null?void 0:l.resetButtonProps)!==!1&&t.push(e.createVNode(d.Button,e.mergeProps(((a=o.submitter)==null?void 0:a.resetButtonProps)||{},{key:"submit",disabled:i.value,onClick:_}),{default:()=>{var s;return[((s=o.submitter)==null?void 0:s.resetText)||b("ap.common.resetText")]}})),((r=o.submitter)==null?void 0:r.submitButtonProps)!==!1&&t.push(e.createVNode(d.Button,e.mergeProps({type:"primary",key:"submit"},((p=o.submitter)==null?void 0:p.submitButtonProps)||{},{loading:i.value,onClick:w}),{default:()=>{var s;return[((s=o.submitter)==null?void 0:s.submitText)||b("ap.common.okText")]}})),e.createVNode(d.Flex,{justify:"flex-end",class:g(e.unref(v)==="admin"?"footer-admin":"footer")},{default:()=>[m.submitter?m.submitter(t):t]})});function _(){var t,l,a;o.submitter!==!1&&((t=n.value)==null||t.resetFields(),(a=(l=o.submitter)==null?void 0:l.onReset)==null||a.call(l))}async function w(){var t,l,a,r;if(o.submitter!==!1)try{const p=await((t=n.value)==null?void 0:t.validateFields());(a=(l=o.submitter)==null?void 0:l.onSubmit)==null||a.call(l),i.value=!0,await((r=o.onFinish)==null?void 0:r.call(o,S.convertReactiveToRaw(p)))&&f(!1)}finally{i.value=!1}}function V(){e.unref(i)||f(!1)}function x(t){!t&&e.unref(i)||f(t)}return F({resetFields:t=>{var l;(l=n.value)==null||l.resetFields(t)},clearValidate:t=>{var l;(l=n.value)==null||l.clearValidate(t)},validateFields:(t,l)=>{var a;return(a=n.value)==null?void 0:a.validateFields(t,l)},getFieldsValue:t=>{var l;return(l=n.value)==null?void 0:l.getFieldsValue(t)},validate:(t,l)=>{var a;return(a=n.value)==null?void 0:a.validate(t,l)},scrollToField:(t,l={})=>{var a;(a=n.value)==null||a.scrollToField(t,l)},setFieldValue:(t,l)=>{var a,r;(r=(a=n.value)==null?void 0:a.setFieldValue)==null||r.call(a,t,l)},setFieldsValue:t=>{var l,a;if(!n.value){c.value=t;return}(a=(l=n.value)==null?void 0:l.setFieldsValue)==null||a.call(l,t)}}),(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(d.Modal),e.mergeProps(t.modalProps,{open:e.unref(B),"onUpdate:open":x,onCancel:V,footer:null,width:t.width,class:e.unref(k)(),"body-style":{padding:e.unref(v)==="admin"?"0px !important":"20px !important"}}),{title:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g)(e.unref(v)==="admin"?"content-admin":"content"))},[e.createVNode(D.default,e.mergeProps({ref_key:"formRef",ref:n},e.unref(T.omit)(o,["modalProps","open","onUpdate:open","title","width","onFinish","submitter"])),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)],2),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N.value)))]),_:3},16,["open","width","class","body-style"]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(q))))],64))}});exports.default=z;

package/lib/src/ap-form/style/modal-form.css

@@ -6,12 +6,16 @@
   border-bottom: 1px solid #E9EDF3;
   margin-bottom: 0;
 }
-.aplus-ap-form-modal-form .ant-modal-body {
+.aplus-ap-form-modal-form__content-admin {
   padding: 20px;
 }
 .aplus-ap-form-modal-form__footer {
   padding-top: 20px;
 }
+.aplus-ap-form-modal-form__footer-admin {
+  border-top: 1px solid #E9EDF3;
+  padding: 12px 20px;
+}
 .aplus-ap-form-modal-form .ant-modal-close {
   top: 16px;
 }

package/lib/src/editable-table/interface.d.ts

@@ -68,4 +68,6 @@ export type EditableTableExpose<ModelType = any> = {
     resetFields: (name?: NamePath) => void;
     validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>> | undefined;
     getFieldsValue: (nameList?: true | InternalNamePath[]) => Partial<ModelType> | undefined;
+    add: (defaultValue?: any) => void;
+    remove: (index: number) => void;
 };

package/lib/src/editable-table/style/index.css

@@ -1,5 +1,9 @@
+.aplus-editable-table .ant-table-cell:has(> .ant-form-item) {
+  padding-top: 20px !important;
+  padding-bottom: 0 !important;
+}
 .aplus-editable-table .ant-form-item {
-  margin-bottom: 0;
+  margin-bottom: 20px;
 }
 .aplus-editable-table__header-cell--required {
   color: #FF4D4F;

package/lib/src/pro-form/components/form-action.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("ant-design-vue"),r=require("../../base-button/index.js"),v=require("../../basic/index.js"),h=require("../hooks/use-form-context.js");require("../../config-provider/index.js");require("./style/form-action.css");const k=require("../../config-provider/hooks/use-global-config.js"),x=require("../../config-provider/hooks/use-locale.js"),A=require("../../config-provider/hooks/use-namespace.js"),b=e.defineComponent({name:"BasicFormAction",__name:"form-action",props:{showActionButtonGroup:{type:Boolean,default:!0},showResetButton:{type:Boolean,default:!0},showSubmitButton:{type:Boolean,default:!0},showAdvancedButton:{type:Boolean,default:!0},resetButtonOptions:{default:()=>({})},submitButtonOptions:{},actionColOptions:{default:()=>({})},actionSpan:{default:6},isAdvanced:{type:Boolean},hideAdvanceBtn:{type:Boolean}},emits:["toggle-advanced"],setup(i,{emit:d}){const n=i,p=d,m=k.useGlobalConfig("uiMode"),B=e.computed(()=>m.value==="aplus"?{}:{color:"#34b77c"}),{t:o}=x.useLocale(),{em:s}=A.useNamespace("form-action"),{resetAction:f,submitAction:y}=h.useFormContext(),a=e.computed(()=>{const{actionColOptions:t}=n;return{style:{textAlign:"right",flex:1,maxWidth:"100%",minWidth:"25%"},...t}}),u=e.computed(()=>Object.assign({text:o("ap.common.resetText")},n.resetButtonOptions)),l=e.computed(()=>Object.assign({text:o("ap.common.queryText")},n.submitButtonOptions));function C(){p("toggle-advanced")}return(t,g)=>t.showActionButtonGroup?(e.openBlock(),e.createBlock(e.unref(c.Col),e.normalizeProps(e.mergeProps({key:0},a.value)),{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle([{width:"100%"},{textAlign:a.value.style.textAlign}])},[e.createVNode(e.unref(c.Form).Item,null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"resetBefore"),t.showResetButton?(e.openBlock(),e.createBlock(e.unref(r.BaseButton),e.mergeProps({key:0,type:"default",class:e.unref(s)("button","space")},u.value,{onClick:e.unref(f)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value.text),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"submitBefore"),t.showSubmitButton?(e.openBlock(),e.createBlock(e.unref(r.BaseButton),e.mergeProps({key:1,type:"primary",class:e.unref(s)("button","space")},l.value,{onClick:e.unref(y)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value.text),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"advanceBefore"),t.showAdvancedButton&&!t.hideAdvanceBtn?(e.openBlock(),e.createBlock(e.unref(r.BaseButton),{key:2,type:"link",size:"small",style:e.normalizeStyle(B.value),onClick:C},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.isAdvanced?e.unref(o)("ap.common.closeText"):e.unref(o)("ap.common.expandText"))+" ",1),e.createVNode(e.unref(v.BasicArrow),{class:e.normalizeClass(e.unref(s)("item","space")),expand:!t.isAdvanced,up:""},null,8,["class","expand"])]),_:1},8,["style"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"advanceAfter")]),_:3})],4)]),_:3},16)):e.createCommentVNode("",!0)}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("ant-design-vue"),r=require("../../base-button/index.js"),v=require("../../basic/index.js"),h=require("../hooks/use-form-context.js");require("../../config-provider/index.js");require("./style/form-action.css");const k=require("../../config-provider/hooks/use-global-config.js"),x=require("../../config-provider/hooks/use-locale.js"),A=require("../../config-provider/hooks/use-namespace.js"),b=e.defineComponent({name:"BasicFormAction",__name:"form-action",props:{showActionButtonGroup:{type:Boolean,default:!0},showResetButton:{type:Boolean,default:!0},showSubmitButton:{type:Boolean,default:!0},showAdvancedButton:{type:Boolean,default:!0},resetButtonOptions:{default:()=>({})},submitButtonOptions:{},actionColOptions:{default:()=>({})},actionSpan:{default:6},isAdvanced:{type:Boolean},hideAdvanceBtn:{type:Boolean}},emits:["toggle-advanced"],setup(i,{emit:d}){const n=i,p=d,m=k.useGlobalConfig("uiMode"),B=e.computed(()=>m.value==="aplus"?{}:{color:"#34b77c"}),{t:o}=x.useLocale(),{em:s}=A.useNamespace("form-action"),{resetAction:f,submitAction:y}=h.useFormContext(),a=e.computed(()=>{const{actionColOptions:t}=n;return{style:{textAlign:"right",flex:1,maxWidth:"100%",minWidth:"25%"},...t}}),u=e.computed(()=>Object.assign({text:o("ap.common.resetText")},n.resetButtonOptions)),l=e.computed(()=>Object.assign({text:o("ap.common.queryText")},n.submitButtonOptions));function C(){p("toggle-advanced")}return(t,g)=>t.showActionButtonGroup?(e.openBlock(),e.createBlock(e.unref(c.Col),e.normalizeProps(e.mergeProps({key:0},a.value)),{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle([{width:"100%"},{textAlign:a.value.style.textAlign}])},[e.createVNode(e.unref(c.Form).Item,null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"resetBefore"),t.showSubmitButton?(e.openBlock(),e.createBlock(e.unref(r.BaseButton),e.mergeProps({key:0,type:"primary",class:e.unref(s)("button","space")},l.value,{onClick:e.unref(y)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value.text),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"submitBefore"),t.showResetButton?(e.openBlock(),e.createBlock(e.unref(r.BaseButton),e.mergeProps({key:1,type:"default",class:e.unref(s)("button","space")},u.value,{onClick:e.unref(f)}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value.text),1)]),_:1},16,["class","onClick"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"advanceBefore"),t.showAdvancedButton&&!t.hideAdvanceBtn?(e.openBlock(),e.createBlock(e.unref(r.BaseButton),{key:2,type:"link",size:"small",style:e.normalizeStyle(B.value),onClick:C},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.isAdvanced?e.unref(o)("ap.common.closeText"):e.unref(o)("ap.common.expandText"))+" ",1),e.createVNode(e.unref(v.BasicArrow),{class:e.normalizeClass(e.unref(s)("item","space")),expand:!t.isAdvanced,up:""},null,8,["class","expand"])]),_:1},8,["style"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"advanceAfter")]),_:3})],4)]),_:3},16)):e.createCommentVNode("",!0)}});exports.default=b;

package/lib/src/theme/ap-action/item.css

@@ -4,21 +4,36 @@
   line-height: 22px;
   cursor: pointer;
 }
-.aplus-action-item--primary {
+.aplus-action-item-aplus--primary {
   color: #0070ff;
 }
-.aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
+.aplus-action-item-aplus--primary:not(.aplus-action-item--disabled):hover {
   color: #66a9ff;
 }
-.aplus-action-item--success {
+.aplus-action-item-admin--primary {
+  color: #1890FF;
+}
+.aplus-action-item-admin--primary:not(.aplus-action-item--disabled):hover {
+  color: #5EB1FF;
+}
+.aplus-action-item-aplus--success {
   color: #2ed1a3;
 }
-.aplus-action-item--error {
+.aplus-action-item-aplus--error {
   color: #FF4D4F;
 }
-.aplus-action-item--warn {
+.aplus-action-item-aplus--warn {
   color: #FFA940;
 }
+.aplus-action-item-admin--success {
+  color: #52C41A;
+}
+.aplus-action-item-admin--error {
+  color: #FF4D4F;
+}
+.aplus-action-item-admin--warn {
+  color: #FAAD14;
+}
 .aplus-action-item--loading {
   opacity: 0.35;
   transition: opacity 0.2s;

package/lib/src/theme/ap-form/modal-form.css

@@ -6,12 +6,16 @@
   border-bottom: 1px solid #E9EDF3;
   margin-bottom: 0;
 }
-.aplus-ap-form-modal-form .ant-modal-body {
+.aplus-ap-form-modal-form__content-admin {
   padding: 20px;
 }
 .aplus-ap-form-modal-form__footer {
   padding-top: 20px;
 }
+.aplus-ap-form-modal-form__footer-admin {
+  border-top: 1px solid #E9EDF3;
+  padding: 12px 20px;
+}
 .aplus-ap-form-modal-form .ant-modal-close {
   top: 16px;
 }

package/lib/src/theme/editable-table/index.css

@@ -1,5 +1,9 @@
+.aplus-editable-table .ant-table-cell:has(> .ant-form-item) {
+  padding-top: 20px !important;
+  padding-bottom: 0 !important;
+}
 .aplus-editable-table .ant-form-item {
-  margin-bottom: 0;
+  margin-bottom: 20px;
 }
 .aplus-editable-table__header-cell--required {
   color: #FF4D4F;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [