@aplus-frontend/ui 0.4.0 → 0.4.2

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

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