@aplus-frontend/ui 0.2.6 → 0.2.8

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

@@ -1,19 +1,19 @@
-import { isVNode as H, defineComponent as J, useSlots as K, ref as h, computed as O, watch as R, unref as s, cloneVNode as Q, createVNode as d, mergeProps as v, openBlock as b, createElementBlock as P, Fragment as Y, withCtx as g, renderSlot as M, createTextVNode as Z, toDisplayString as ee, createBlock as N, resolveDynamicComponent as S, normalizeClass as te, withModifiers as ie, createCommentVNode as _ } from "vue";
-import { Button as V, Flex as ne, Space as oe, Drawer as le } from "@aplus-frontend/antdv";
+import { isVNode as K, defineComponent as Q, useSlots as Y, ref as v, computed as w, unref as l, watch as N, cloneVNode as Z, createVNode as d, mergeProps as b, openBlock as g, createElementBlock as P, Fragment as ee, withCtx as F, renderSlot as M, createTextVNode as te, toDisplayString as ie, createBlock as S, resolveDynamicComponent as _, normalizeClass as ne, withModifiers as oe, createCommentVNode as L } from "vue";
+import { Button as V, Flex as le, Space as ae, Drawer as se } from "@aplus-frontend/antdv";
 import "../ap-form.vue.mjs";
 import "../../hooks/index.mjs";
-import { getSingleVNode as ae } from "../../utils/slot.mjs";
+import { getSingleVNode as re } from "../../utils/slot.mjs";
 import "../../config-provider/index.mjs";
-import { isBoolean as se, isUndefined as re, omit as ue } from "lodash-unified";
-import { convertReactiveToRaw as de } from "../../utils/index.mjs";
-import { useControllableValue as ce } from "../../hooks/useControllableValue.mjs";
-import { useLocale as me } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as fe } from "../../config-provider/hooks/use-namespace.mjs";
-import pe from "../ap-form.vue2.mjs";
-function L(c) {
-  return typeof c == "function" || Object.prototype.toString.call(c) === "[object Object]" && !H(c);
+import { isBoolean as ue, isUndefined as de, omit as me } from "lodash-unified";
+import { convertReactiveToRaw as ce } from "../../utils/index.mjs";
+import { useControllableValue as fe } from "../../hooks/useControllableValue.mjs";
+import { useLocale as pe } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as he } from "../../config-provider/hooks/use-namespace.mjs";
+import ve from "../ap-form.vue2.mjs";
+function j(c) {
+  return typeof c == "function" || Object.prototype.toString.call(c) === "[object Object]" && !K(c);
 }
-const Le = /* @__PURE__ */ J({
+const Ee = /* @__PURE__ */ Q({
   __name: "index",
   props: {
     layout: {
@@ -89,17 +89,17 @@ const Le = /* @__PURE__ */ J({
   },
   emits: ["update:open"],
   setup(c, {
-    expose: j,
-    emit: E
+    expose: E,
+    emit: U
   }) {
-    const n = c, F = K(), U = E, l = h(), m = h(), u = h(!1), {
-      value: z,
-      updateValue: f
-    } = ce(n, U, {
+    const n = c, y = Y(), D = U, a = v(), p = v(), u = v(!1), {
+      value: C,
+      updateValue: h
+    } = fe(n, D, {
       valuePropName: "open",
       defaultValue: !1
-    }), p = O(() => {
-      var t, i, a, r;
+    }), m = w(() => {
+      var t, i, s, r;
       const e = {
         onResize: () => {
         },
@@ -107,181 +107,186 @@ const Le = /* @__PURE__ */ J({
         maxWidth: window.innerWidth * 0.8,
         resizeOnOpen: !0
       };
-      return se(n.resize) ? n.resize ? e : {} : {
+      return ue(n.resize) ? n.resize ? e : {} : {
         minWidth: ((t = n.resize) == null ? void 0 : t.minWidth) ?? e.minWidth,
         maxWidth: ((i = n.resize) == null ? void 0 : i.maxWidth) ?? e.maxWidth,
-        onResize: ((a = n.resize) == null ? void 0 : a.onResize) ?? e.onResize,
-        resizeOnOpen: re((r = n.resize) == null ? void 0 : r.resizeOnOpen) ? e.onResize : n.resize.resizeOnOpen
+        onResize: ((s = n.resize) == null ? void 0 : s.onResize) ?? e.onResize,
+        resizeOnOpen: de((r = n.resize) == null ? void 0 : r.resizeOnOpen) ? e.onResize : n.resize.resizeOnOpen
       };
-    }), y = h(C()), {
-      t: w
-    } = me(), {
-      e: D
-    } = fe("ap-form-drawer-form");
-    R(() => l.value, (e) => {
+    }), f = v(x()), {
+      t: z
+    } = pe(), {
+      e: $,
+      em: W
+    } = he("ap-form-drawer-form"), q = w(() => [$("resize-bar"), {
+      [W("resize-bar", "min-disabled")]: l(f) === l(m).minWidth
+    }, {
+      [W("resize-bar", "max-disabled")]: l(f) === l(m).maxWidth
+    }]);
+    N(() => a.value, (e) => {
       var t;
-      e && m.value && ((t = e.setFieldsValue) == null || t.call(e, m.value), m.value = void 0);
-    }), R(() => s(z), (e) => {
+      e && p.value && ((t = e.setFieldsValue) == null || t.call(e, p.value), p.value = void 0);
+    }), N(() => l(C), (e) => {
       var t;
-      e && (t = s(p)) != null && t.resizeOnOpen && (y.value = C());
+      e && (t = l(m)) != null && t.resizeOnOpen && (f.value = x());
     });
-    function C() {
+    function x() {
       var t;
-      const e = (t = s(p)) == null ? void 0 : t.minWidth;
+      const e = (t = l(m)) == null ? void 0 : t.minWidth;
       return !e || e && e < n.width ? n.width : e;
     }
-    const W = ae(F.trigger), B = W ? Q(W, {
+    const B = re(y.trigger), k = B ? Z(B, {
       onClick: () => {
-        f(!0);
+        h(!0);
       }
-    }) : null, $ = O(() => {
-      var t, i, a, r;
+    }) : null, I = w(() => {
+      var t, i, s, r;
       const e = [];
       if (n.submitter === !1)
         return null;
       if (n.showCancel) {
         let o;
         e.push(d(V, {
-          onClick: T,
+          onClick: R,
           disabled: u.value
-        }, L(o = w("ap.common.cancelText")) ? o : {
+        }, j(o = z("ap.common.cancelText")) ? o : {
           default: () => [o]
         }));
       }
-      return ((t = n.submitter) == null ? void 0 : t.resetButtonProps) !== !1 && e.push(d(V, v(((i = n.submitter) == null ? void 0 : i.resetButtonProps) || {}, {
+      return ((t = n.submitter) == null ? void 0 : t.resetButtonProps) !== !1 && e.push(d(V, b(((i = n.submitter) == null ? void 0 : i.resetButtonProps) || {}, {
         key: "submit",
         disabled: u.value,
-        onClick: I
+        onClick: X
       }), {
         default: () => {
           var o;
-          return [((o = n.submitter) == null ? void 0 : o.resetText) || w("ap.common.resetText")];
+          return [((o = n.submitter) == null ? void 0 : o.resetText) || z("ap.common.resetText")];
         }
-      })), ((a = n.submitter) == null ? void 0 : a.submitButtonProps) !== !1 && e.push(d(V, v({
+      })), ((s = n.submitter) == null ? void 0 : s.submitButtonProps) !== !1 && e.push(d(V, b({
         type: "primary",
         key: "submit"
       }, ((r = n.submitter) == null ? void 0 : r.submitButtonProps) || {}, {
         loading: u.value,
-        onClick: A
+        onClick: G
       }), {
         default: () => {
           var o;
-          return [((o = n.submitter) == null ? void 0 : o.submitText) || w("ap.common.okText")];
+          return [((o = n.submitter) == null ? void 0 : o.submitText) || z("ap.common.okText")];
         }
-      })), d(ne, {
+      })), d(le, {
         justify: "flex-end"
       }, {
-        default: () => [F.submitter ? F.submitter(e) : d(oe, null, L(e) ? e : {
+        default: () => [y.submitter ? y.submitter(e) : d(ae, null, j(e) ? e : {
           default: () => [e]
         })]
       });
     });
-    function q() {
+    function A() {
       var e, t;
-      (t = (e = p.value) == null ? void 0 : e.onResize) == null || t.call(e), document.addEventListener("mousemove", k), document.addEventListener("mouseup", x);
+      (t = (e = m.value) == null ? void 0 : e.onResize) == null || t.call(e), document.addEventListener("mousemove", T), document.addEventListener("mouseup", O);
     }
-    function k(e) {
-      const t = s(p), i = (document.body.offsetWidth || 1e3) - (e.clientX - document.body.offsetLeft), a = (t == null ? void 0 : t.minWidth) ?? (n.width || 800), r = (t == null ? void 0 : t.maxWidth) ?? window.innerWidth * 0.8;
+    function T(e) {
+      const t = l(m), i = (document.body.offsetWidth || 1e3) - (e.clientX - document.body.offsetLeft), s = (t == null ? void 0 : t.minWidth) ?? (n.width || 800), r = (t == null ? void 0 : t.maxWidth) ?? window.innerWidth * 0.8;
       let o = i;
-      i < a && (o = a), i > r && (o = r), y.value = o;
+      i < s && (o = s), i > r && (o = r), f.value = o;
     }
-    function x() {
-      document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", x);
+    function O() {
+      document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", O);
     }
-    function I() {
+    function X() {
       var e, t, i;
-      n.submitter !== !1 && ((e = l.value) == null || e.resetFields(), (i = (t = n.submitter) == null ? void 0 : t.onReset) == null || i.call(t));
+      n.submitter !== !1 && ((e = a.value) == null || e.resetFields(), (i = (t = n.submitter) == null ? void 0 : t.onReset) == null || i.call(t));
     }
-    async function A() {
-      var e, t, i, a;
+    async function G() {
+      var e, t, i, s;
       if (n.submitter !== !1)
         try {
-          const r = await ((e = l.value) == null ? void 0 : e.validateFields());
+          const r = await ((e = a.value) == null ? void 0 : e.validateFields());
           (i = (t = n.submitter) == null ? void 0 : t.onSubmit) == null || i.call(t), u.value = !0;
-          const o = (a = n.onFinish) == null ? void 0 : a.call(n, de(r));
+          const o = (s = n.onFinish) == null ? void 0 : s.call(n, ce(r));
           if (n.submitTimeout && o instanceof Promise) {
-            const G = setTimeout(() => u.value = !1, n.submitTimeout);
+            const J = setTimeout(() => u.value = !1, n.submitTimeout);
             o.finally(() => {
-              clearTimeout(G), u.value = !1;
+              clearTimeout(J), u.value = !1;
             });
           }
-          await o && f(!1);
+          await o && h(!1);
         } finally {
           u.value = !1;
         }
     }
-    function T() {
-      s(u) || f(!1);
+    function R() {
+      l(u) || h(!1);
     }
-    function X(e) {
-      !e && s(u) || f(e);
+    function H(e) {
+      !e && l(u) || h(e);
     }
-    return j({
+    return E({
       resetFields: () => {
         var e;
-        (e = l.value) == null || e.resetFields();
+        (e = a.value) == null || e.resetFields();
       },
       clearValidate: (e) => {
         var t;
-        (t = l.value) == null || t.clearValidate(e);
+        (t = a.value) == null || t.clearValidate(e);
       },
       validateFields: (e, t) => {
         var i;
-        return (i = l.value) == null ? void 0 : i.validateFields(e, t);
+        return (i = a.value) == null ? void 0 : i.validateFields(e, t);
       },
       getFieldsValue: (e) => {
         var t;
-        return (t = l.value) == null ? void 0 : t.getFieldsValue(e);
+        return (t = a.value) == null ? void 0 : t.getFieldsValue(e);
       },
       validate: (e, t) => {
         var i;
-        return (i = l.value) == null ? void 0 : i.validate(e, t);
+        return (i = a.value) == null ? void 0 : i.validate(e, t);
       },
       scrollToField: (e, t = {}) => {
         var i;
-        (i = l.value) == null || i.scrollToField(e, t);
+        (i = a.value) == null || i.scrollToField(e, t);
       },
       setFieldValue: (e, t) => {
-        var i, a;
-        (a = (i = l.value) == null ? void 0 : i.setFieldValue) == null || a.call(i, e, t);
+        var i, s;
+        (s = (i = a.value) == null ? void 0 : i.setFieldValue) == null || s.call(i, e, t);
       },
       setFieldsValue: (e) => {
         var t, i;
-        if (!l.value) {
-          m.value = e;
+        if (!a.value) {
+          p.value = e;
           return;
         }
-        (i = (t = l.value) == null ? void 0 : t.setFieldsValue) == null || i.call(t, e);
+        (i = (t = a.value) == null ? void 0 : t.setFieldsValue) == null || i.call(t, e);
       },
       getInternalInstance: (e) => {
         var t;
-        return (t = l.value) == null ? void 0 : t.getInternalInstance(e);
+        return (t = a.value) == null ? void 0 : t.getInternalInstance(e);
       }
-    }), (e, t) => (b(), P(Y, null, [d(s(le), v(e.drawerProps, {
-      open: s(z),
-      "onUpdate:open": X,
-      onCancel: T,
-      width: y.value
+    }), (e, t) => (g(), P(ee, null, [d(l(se), b(e.drawerProps, {
+      open: l(C),
+      "onUpdate:open": H,
+      onCancel: R,
+      width: f.value
     }), {
-      title: g(() => [M(e.$slots, "title", {}, () => [Z(ee(n.title), 1)])]),
-      footer: g(() => [(b(), N(S($.value)))]),
-      default: g(() => [d(pe, v({
+      title: F(() => [M(e.$slots, "title", {}, () => [te(ie(n.title), 1)])]),
+      footer: F(() => [(g(), S(_(I.value)))]),
+      default: F(() => [d(ve, b({
         ref_key: "formRef",
-        ref: l
-      }, s(ue)(n, ["drawerProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
-        default: g(() => [M(e.$slots, "default")]),
+        ref: a
+      }, l(me)(n, ["drawerProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
+        default: F(() => [M(e.$slots, "default")]),
         _: 3
-      }, 16), e.resize ? (b(), P("div", {
+      }, 16), e.resize ? (g(), P("div", {
         key: 0,
-        class: te(s(D)("resize-bar")),
-        onMousedown: ie(q, ["stop", "prevent"])
-      }, null, 34)) : _("", !0)]),
+        class: ne(q.value),
+        onMousedown: oe(A, ["stop", "prevent"])
+      }, null, 34)) : L("", !0)]),
       _: 3
-    }, 16, ["open", "width"]), s(B) ? (b(), N(S(s(B)), {
+    }, 16, ["open", "width"]), l(k) ? (g(), S(_(l(k)), {
       key: 0
-    })) : _("", !0)], 64));
+    })) : L("", !0)], 64));
   }
 });
 export {
-  Le as default
+  Ee as default
 };