@aplus-frontend/ui 0.0.27 → 0.0.29

package/es/src/ap-form/items/select/index.vue.mjs

@@ -4,7 +4,7 @@ import "../../../ap-field/index.mjs";
 import { isUndefined as P, omit as c, pick as $ } from "lodash-unified";
 import { apFormItemSlotNames as b } from "../../constant.mjs";
 import N from "../../ap-form-item.vue.mjs";
-import w from "../../../ap-field/select/index.vue.mjs";
+import V from "../../../ap-field/select/index.vue.mjs";
 const j = /* @__PURE__ */ x({
   name: "ApFormItemSelect",
   __name: "index",
@@ -45,6 +45,7 @@ const j = /* @__PURE__ */ x({
     flex: {},
     bordered: { type: Boolean },
     valuePropName: {},
+    initialValue: {},
     field: { default: () => ({}) },
     placeholder: {},
     disabled: { type: Boolean, default: !1 }
@@ -72,7 +73,7 @@ const j = /* @__PURE__ */ x({
     });
     return (e, d) => (F(), k(N, t(a(l(c)(o, ["field", "placeholder", "disabled"]))), f({
       default: n(() => [
-        C(l(w), t(a(v.value)), f({ _: 2 }, [
+        C(l(V), t(a(v.value)), f({ _: 2 }, [
           u(l(c)(i, l(b)), (B, r) => ({
             name: r,
             fn: n((s) => [

package/es/src/ap-form/items/switch/index.vue.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as B, useSlots as _, openBlock as h, createBlock as y, normalizeProps as t, guardReactiveProps as r, unref as o, createSlots as i, withCtx as s, createVNode as v, mergeProps as g, renderList as n, renderSlot as p } from "vue";
+import { defineComponent as B, useSlots as _, openBlock as h, createBlock as y, normalizeProps as t, guardReactiveProps as r, unref as o, createSlots as d, withCtx as s, createVNode as v, mergeProps as g, renderList as n, renderSlot as p } from "vue";
 import "../../ap-form-item.vue2.mjs";
 import "../../../ap-field/switch/index.vue2.mjs";
 import { omit as m, pick as x } from "lodash-unified";
 import { apFormItemSlotNames as f } from "../../constant.mjs";
 import S from "../../ap-form-item.vue.mjs";
 import k from "../../../ap-field/switch/index.vue.mjs";
-const L = /* @__PURE__ */ B({
+const I = /* @__PURE__ */ B({
   name: "ApFormItemSwitch",
   __name: "index",
   props: {
@@ -44,15 +44,16 @@ const L = /* @__PURE__ */ B({
     xxl: {},
     flex: {},
     valuePropName: { default: "checked" },
+    initialValue: {},
     field: { default: () => ({}) },
     disabled: { type: Boolean, default: !1 }
   },
   setup(u) {
-    const c = u, d = _();
-    return (l, C) => (h(), y(S, t(r(o(m)(c, ["field", "disabled"]))), i({
+    const c = u, i = _();
+    return (l, C) => (h(), y(S, t(r(o(m)(c, ["field", "disabled"]))), d({
       default: s(() => [
-        v(k, g({ disabled: l.disabled }, l.field), i({ _: 2 }, [
-          n(o(m)(d, o(f)), (b, e) => ({
+        v(k, g({ disabled: l.disabled }, l.field), d({ _: 2 }, [
+          n(o(m)(i, o(f)), (b, e) => ({
             name: e,
             fn: s((a) => [
               p(l.$slots, e, t(r(a || {})))
@@ -62,7 +63,7 @@ const L = /* @__PURE__ */ B({
       ]),
       _: 2
     }, [
-      n(o(x)(d, o(f)), (b, e) => ({
+      n(o(x)(i, o(f)), (b, e) => ({
         name: e,
         fn: s((a) => [
           p(l.$slots, e, t(r(a || {})))
@@ -72,5 +73,5 @@ const L = /* @__PURE__ */ B({
   }
 });
 export {
-  L as default
+  I as default
 };

package/es/src/ap-form/items/text/index.vue2.mjs

@@ -44,55 +44,56 @@ const E = /* @__PURE__ */ g({
     flex: {},
     bordered: { type: Boolean },
     valuePropName: {},
+    initialValue: {},
     field: { default: () => ({}) },
     placeholder: {},
     disabled: { type: Boolean, default: !1 }
   },
   setup(v, { expose: h }) {
-    const { Text: y } = P, i = x(), B = v, l = S();
+    const { Text: y } = P, i = x(), B = v, o = S();
     return h({
       focus: (e) => {
         var a;
-        (a = l.value) == null || a.focus(e);
+        (a = o.value) == null || a.focus(e);
       },
       blur: () => {
         var e;
-        (e = l.value) == null || e.blur();
+        (e = o.value) == null || e.blur();
       },
       setSelectionRange: (e, a, r) => {
-        var o;
-        (o = l.value) == null || o.setSelectionRange(e, a, r);
+        var l;
+        (l = o.value) == null || l.setSelectionRange(e, a, r);
       },
       select: () => {
         var e;
-        (e = l.value) == null || e.select();
+        (e = o.value) == null || e.select();
       },
       input: _(() => {
         var e;
-        return (e = l.value) == null ? void 0 : e.input;
+        return (e = o.value) == null ? void 0 : e.input;
       })
     }), (e, a) => (k(), F(N, n(p(t(m)(B, ["field", "disabled", "placeholder"]))), u({
       default: d(() => [
         R(t(y), C({
           ref_key: "inputRef",
-          ref: l,
+          ref: o,
           disabled: e.disabled,
           placeholder: e.placeholder
         }, e.field), u({ _: 2 }, [
-          f(t(m)(i, t(b)), (r, o) => ({
-            name: o,
+          f(t(m)(i, t(b)), (r, l) => ({
+            name: l,
             fn: d((s) => [
-              c(e.$slots, o, n(p(s || {})))
+              c(e.$slots, l, n(p(s || {})))
             ])
           }))
         ]), 1040, ["disabled", "placeholder"])
       ]),
       _: 2
     }, [
-      f(t(A)(i, t(b)), (r, o) => ({
-        name: o,
+      f(t(A)(i, t(b)), (r, l) => ({
+        name: l,
         fn: d((s) => [
-          c(e.$slots, o, n(p(s || {})))
+          c(e.$slots, l, n(p(s || {})))
         ])
       }))
     ]), 1040));

package/es/src/ap-form/items/text/password.vue.mjs

@@ -44,6 +44,7 @@ const z = /* @__PURE__ */ v({
     flex: {},
     bordered: { type: Boolean },
     valuePropName: {},
+    initialValue: {},
     field: { default: () => ({}) },
     placeholder: {},
     disabled: { type: Boolean, default: !1 }

package/es/src/ap-form/items/text-area/index.vue.mjs

@@ -42,13 +42,14 @@ const $ = /* @__PURE__ */ c({
     xxl: {},
     flex: {},
     valuePropName: {},
+    initialValue: {},
     field: { default: () => ({}) },
     placeholder: {},
     disabled: { type: Boolean, default: !1 }
   },
-  setup(p, { expose: n }) {
-    const { TextArea: i } = C, f = b(), u = p, l = x();
-    return n({
+  setup(p, { expose: i }) {
+    const { TextArea: n } = C, u = b(), f = p, l = x();
+    return i({
       focus: (e) => {
         var o;
         (o = l.value) == null || o.focus(e);
@@ -61,9 +62,9 @@ const $ = /* @__PURE__ */ c({
         var e;
         return (e = l.value) == null ? void 0 : e.resizableTextArea;
       })
-    }), (e, o) => (v(), y(S, r(t(s(F)(u, ["field", "disabled", "placeholder"]))), B({
+    }), (e, o) => (v(), y(S, r(t(s(F)(f, ["field", "disabled", "placeholder"]))), B({
       default: d(() => [
-        A(s(i), g({
+        A(s(n), g({
           ref_key: "textAreaRef",
           ref: l,
           disabled: e.disabled,
@@ -72,7 +73,7 @@ const $ = /* @__PURE__ */ c({
       ]),
       _: 2
     }, [
-      _(f, (z, a) => ({
+      _(u, (z, a) => ({
         name: a,
         fn: d((m) => [
           k(e.$slots, a, r(t(m || {})))

package/es/src/ap-form/modal-form/index.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     open: undefined;
     showCancel: boolean;
 }>, {
-    resetFields: (name?: NamePath | undefined) => void;
+    resetFields: () => void;
     clearValidate: (name?: NamePath | undefined) => void;
     validateFields: (nameList?: string | NamePath[] | undefined, options?: ValidateOptions | undefined) => Promise<Partial<any>> | undefined;
     getFieldsValue: (nameList?: true | InternalNamePath[] | undefined) => Partial<any> | undefined;

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

@@ -173,9 +173,9 @@ const _e = /* @__PURE__ */ q({
       !e && i(r) || m(e);
     }
     return S({
-      resetFields: (e) => {
-        var t;
-        (t = o.value) == null || t.resetFields(e);
+      resetFields: () => {
+        var e;
+        (e = o.value) == null || e.resetFields();
       },
       clearValidate: (e) => {
         var t;

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

@@ -1,24 +1,23 @@
-import { isVNode as J, defineComponent as K, useSlots as Q, ref as X, unref as o, shallowRef as P, computed as C, watch as k, cloneVNode as Y, createVNode as a, Fragment as Z, openBlock as A, createBlock as E, mergeProps as ee, withCtx as N, resolveDynamicComponent as te } from "vue";
-import { Flex as T, Space as oe, Button as y } from "ant-design-vue";
+import { isVNode as ee, defineComponent as te, useSlots as ae, ref as oe, unref as t, shallowRef as j, computed as C, watch as I, cloneVNode as le, createVNode as l, Fragment as S, openBlock as c, createBlock as h, mergeProps as ne, withCtx as R, resolveDynamicComponent as F, createElementBlock as re, renderList as se } from "vue";
+import { Col as B, Flex as D, Space as ue, Button as b, Row as pe } from "ant-design-vue";
 import "../ap-form.vue.mjs";
-import "../ap-form-item-group/index.vue2.mjs";
 import "../ap-form-item.vue2.mjs";
 import "../../hooks/index.mjs";
-import { genRealChildren as V } from "../ap-form-item-group/helper.mjs";
-import { DoubleRightOutlined as ae } from "@ant-design/icons-vue";
+import { genRealChildren as O } from "../ap-form-item-group/helper.mjs";
+import { DoubleRightOutlined as ie } from "@ant-design/icons-vue";
 import "../../config-provider/index.mjs";
 import "../style/search-form.css";
-import { omit as le } from "lodash-unified";
-import { useControllableValue as ne } from "../../hooks/useControllableValue.mjs";
-import { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as se } from "../../config-provider/hooks/use-locale.mjs";
-import I from "../ap-form-item.vue.mjs";
-import pe from "../ap-form.vue2.mjs";
-import ce from "../ap-form-item-group/index.vue.mjs";
-function ie(i) {
-  return typeof i == "function" || Object.prototype.toString.call(i) === "[object Object]" && !J(i);
+import { isArray as ce, omit as de } from "lodash-unified";
+import { isDef as fe } from "../../utils/index.mjs";
+import { useControllableValue as me } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as he } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as xe } from "../../config-provider/hooks/use-locale.mjs";
+import L from "../ap-form-item.vue.mjs";
+import Ce from "../ap-form.vue2.mjs";
+function ge(d) {
+  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !ee(d);
 }
-const s = 24, Pe = /* @__PURE__ */ K({
+const p = 24, Ie = /* @__PURE__ */ te({
   name: "ApFormSearchForm",
   __name: "index",
   props: {
@@ -97,113 +96,138 @@ const s = 24, Pe = /* @__PURE__ */ K({
     }
   },
   emits: ["update:collapse"],
-  setup(i, {
-    expose: j,
-    emit: M
+  setup(d, {
+    expose: M,
+    emit: $
   }) {
-    var S;
-    const l = Q(), t = i, O = M, {
-      value: u,
-      updateValue: $
-    } = ne(t, O, {
+    var N;
+    const r = ae(), a = d, q = $, {
+      value: f,
+      updateValue: z
+    } = me(a, q, {
       valuePropName: "collapse",
       defaultValuePropName: "defaultCollapse"
     }), {
-      b: D
-    } = re("ap-form-search-form"), {
-      t: g
-    } = se(), m = X();
-    function L() {
-      $(!o(u));
+      b: U
+    } = he("ap-form-search-form"), {
+      t: v
+    } = xe(), x = oe();
+    function W() {
+      z(!t(f));
     }
-    function q() {
-      var e, n;
-      (n = (e = m.value) == null ? void 0 : e.validateFields()) == null || n.then(t.onSubmit);
+    function G() {
+      var e, o;
+      (o = (e = x.value) == null ? void 0 : e.validateFields()) == null || o.then(a.onSubmit);
     }
-    function z() {
-      var e, n, f;
-      t.customReset || (n = (e = m.value) == null ? void 0 : e.resetFields) == null || n.call(e), (f = t.onReset) == null || f.call(t);
+    function H() {
+      var e, o, n;
+      a.customReset || (o = (e = x.value) == null ? void 0 : e.resetFields) == null || o.call(e), (n = a.onReset) == null || n.call(a);
     }
-    const R = P(V(l.default())), d = P((S = l.extra) == null ? void 0 : S.call(l)), F = C(() => Math.floor(s / t.countPerRow));
-    k(() => l.default(), (e) => {
-      R.value = V(e);
-    }), k(() => {
+    const w = j(O(r.default())), m = j((N = r.extra) == null ? void 0 : N.call(r)), E = C(() => Math.floor(p / a.countPerRow));
+    I(() => r.default(), (e) => {
+      w.value = O(e);
+    }), I(() => {
       var e;
-      return (e = l.extra) == null ? void 0 : e.call(l);
+      return (e = r.extra) == null ? void 0 : e.call(r);
     }, (e) => {
-      d.value = e;
+      m.value = e;
     });
-    const U = C(() => {
-      let e;
-      const n = [...o(R)], f = [], b = [], r = o(F);
-      let h = 0;
-      n.forEach((p) => {
-        const c = p.props;
-        c != null && c.hidden ? f.push(p) : (h += c.span || r, b.push(p));
+    const J = (e) => fe(e) ? (ce(e) ? e : [e]).join("") : Date.now(), g = C(() => {
+      const e = [...t(w)], o = [], n = [], s = t(E);
+      let y = 0;
+      e.forEach((u) => {
+        const i = u.props;
+        i != null && i.hidden ? o.push(u) : (y += i.span || s, n.push(u));
       });
-      const B = s - (h + r) % s, w = B < r ? s : B, x = s - r * (o(d) && !t.extraInAction ? 2 : 1), W = !t.forceExpand && h > x;
-      let _ = 0;
-      const G = b.map((p, c) => {
-        const v = p.props;
-        return _ += v.span || r, Y(p, {
-          span: v.span || r,
-          key: `ApFormSearchFormItem-${c}-${Date.now()}`,
-          hidden: !t.forceExpand && o(u) && _ > x
-        });
-      }), H = s - Math.min(x, _) - r;
-      return a(Z, null, [G, f, a(I, {
-        span: o(F)
+      const k = p - (y + s) % p, Q = k < s ? p : k, A = p - s * (t(m) && !a.extraInAction ? 2 : 1), X = !a.forceExpand && y > A;
+      let P = 0, T = 0;
+      const Y = n.map((u, i) => {
+        const _ = u.props, V = _.span || s;
+        if (P += V, !a.forceExpand && t(f) && P > A) {
+          o.push(le(u, {
+            hidden: !0
+          }));
+          return;
+        }
+        return T += V, {
+          node: u,
+          span: _.span || s,
+          key: `ApFormSearchFormItem-${i}-${J(_.name)}`
+        };
+      }).filter(Boolean), Z = p - T - s;
+      return {
+        hideNode: l(S, null, [o]),
+        nodes: Y,
+        defaultExtraSpan: Q,
+        actualExtraSpan: Z,
+        showCollapse: X
+      };
+    }), K = C(() => {
+      let e;
+      const o = t(g);
+      return l(S, null, [l(B, {
+        span: t(t(E))
       }, {
-        default: () => [a(T, {
-          justify: "space-between"
-        }, {
-          default: () => [a(oe, null, {
-            default: () => [a(y, {
-              type: "primary",
-              onClick: q,
-              loading: t.submitLoading
-            }, {
-              default: () => [t.searchText || g("ap.apForm.search.search")]
-            }), a(y, {
-              onClick: z
-            }, {
-              default: () => [t.resetText || g("ap.apForm.search.reset")]
-            }), W ? a(y, {
-              onClick: L,
-              icon: a(ae, {
-                style: "color:#B8C3D1",
-                rotate: o(u) ? 90 : -90
-              }, null)
-            }, null) : null]
-          }), t.extraInAction ? o(d) : null]
+        default: () => [l(L, null, {
+          default: () => [l(D, {
+            justify: "space-between"
+          }, {
+            default: () => [l(ue, null, {
+              default: () => [l(b, {
+                type: "primary",
+                onClick: G,
+                loading: a.submitLoading
+              }, {
+                default: () => [a.searchText || v("ap.apForm.search.search")]
+              }), l(b, {
+                onClick: H
+              }, {
+                default: () => [a.resetText || v("ap.apForm.search.reset")]
+              }), o.showCollapse ? l(b, {
+                onClick: W,
+                icon: l(ie, {
+                  style: "color:#B8C3D1",
+                  rotate: t(f) ? 90 : -90
+                }, null)
+              }, null) : null]
+            }), a.extraInAction ? t(m) : null]
+          })]
         })]
-      }), !t.extraInAction && o(d) ? a(I, {
-        span: o(u) ? H : w
+      }), !a.extraInAction && t(m) ? l(B, {
+        span: t(f) ? o.actualExtraSpan : o.defaultExtraSpan
       }, {
-        default: () => [a(T, {
-          justify: !o(u) && w === s ? "start" : "end"
-        }, ie(e = o(d)) ? e : {
-          default: () => [e]
+        default: () => [l(L, null, {
+          default: () => [l(D, {
+            justify: !t(f) && o.defaultExtraSpan === p ? "start" : "end"
+          }, ge(e = t(m)) ? e : {
+            default: () => [e]
+          })]
         })]
       }) : null]);
     });
-    return j({
-      apForm: C(() => o(m))
-    }), (e, n) => (A(), E(pe, ee({
-      class: o(D)(),
+    return M({
+      apForm: C(() => t(x))
+    }), (e, o) => (c(), h(Ce, ne({
+      class: t(U)(),
       ref_key: "apForm",
-      ref: m
-    }, o(le)(t, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
-      default: N(() => [a(ce, {
-        "count-per-row": t.countPerRow
+      ref: x
+    }, t(de)(a, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
+      default: R(() => [(c(), h(F(g.value.hideNode))), l(t(pe), {
+        gutter: 16
       }, {
-        default: N(() => [(A(), E(te(U.value)))]),
+        default: R(() => [(c(!0), re(S, null, se(g.value.nodes, (n) => (c(), h(t(B), {
+          key: n.key,
+          span: n.span
+        }, {
+          default: R(() => [(c(), h(F(n.node)))]),
+          _: 2
+        }, 1032, ["span"]))), 128)), (c(), h(F(K.value)))]),
         _: 1
-      }, 8, ["count-per-row"])]),
+      })]),
       _: 1
     }, 16, ["class"]));
   }
 });
 export {
-  Pe as default
+  Ie as default
 };