@aplus-frontend/ui 0.6.0-beta.1 → 0.6.0-beta.10

package/es/src/ap-form/search-form/components/popover-filter.vue2.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as y, ref as k, createBlock as s, openBlock as l, unref as e, withCtx as o, createVNode as t, createElementVNode as d, normalizeClass as c, createElementBlock as C, Fragment as F, renderList as _, resolveDynamicComponent as b, createTextVNode as f, toDisplayString as v } from "vue";
-import { Popover as B, Tooltip as x, Button as u, Row as h, Col as L, Divider as N, Flex as S } from "@aplus-frontend/antdv";
-import { IconApFilterOutlined as w } from "@aplus-frontend/icon";
+import { defineComponent as C, ref as d, createBlock as c, openBlock as i, unref as e, withCtx as o, createVNode as t, normalizeClass as s, createElementVNode as g, createElementBlock as F, Fragment as _, renderList as B, resolveDynamicComponent as x, createTextVNode as v, toDisplayString as y } from "vue";
+import { Popover as h, Tooltip as L, Button as u, Row as N, Col as S, Divider as w, Flex as D } from "@aplus-frontend/antdv";
+import { IconApFilterOutlined as P } from "@aplus-frontend/icon";
 import "../../../config-provider/index.mjs";
-import { useNamespace as D } from "../../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as P } from "../../../config-provider/hooks/use-locale.mjs";
-const O = /* @__PURE__ */ y({
+import { useNamespace as R } from "../../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as T } from "../../../config-provider/hooks/use-locale.mjs";
+const U = /* @__PURE__ */ C({
   name: "ApFormSearchFormPopoverFilter",
   __name: "popover-filter",
   props: {
@@ -12,34 +12,34 @@ const O = /* @__PURE__ */ y({
     onSubmit: { type: Function },
     submitLoading: { type: Boolean }
   },
-  setup(T) {
-    const { e: a } = D("ap-form-search-form"), { t: i } = P(), m = k(!1);
-    function g(n) {
-      return n.closest(".ant-form") || document.body;
+  setup(V) {
+    const k = d(), { e: a, b: f } = R("ap-form-search-form"), { t: m } = T(), l = d(!1);
+    function b(r) {
+      return r.closest(".ant-form") || document.body;
     }
-    return (n, p) => (l(), s(e(B), {
-      open: m.value,
-      "onUpdate:open": p[1] || (p[1] = (r) => m.value = r),
+    return (r, p) => (i(), c(e(h), {
+      open: l.value,
+      "onUpdate:open": p[1] || (p[1] = (n) => l.value = n),
       "overlay-class-name": e(a)("popover"),
       trigger: "click",
       placement: "bottom",
       mask: "",
       "mask-style": { backgroundColor: "transparent" },
-      "get-popup-container": g
+      "get-popup-container": b
     }, {
       content: o(() => [
-        d("div", {
-          class: c([e(a)("popover-content")]),
+        g("div", {
+          class: s([e(a)("popover-content")]),
           style: { paddingBottom: "4px", width: "825px" }
         }, [
-          t(e(h), { gutter: 16 }, {
+          t(e(N), { gutter: 8 }, {
             default: o(() => [
-              (l(!0), C(F, null, _(n.config, (r) => (l(), s(e(L), {
-                key: r.key,
+              (i(!0), F(_, null, B(r.config, (n) => (i(), c(e(S), {
+                key: n.key,
                 span: 8
               }, {
                 default: o(() => [
-                  (l(), s(b(r.node)))
+                  (i(), c(x(n.node)))
                 ]),
                 _: 2
               }, 1024))), 128))
@@ -47,28 +47,28 @@ const O = /* @__PURE__ */ y({
             _: 1
           })
         ], 2),
-        t(e(N), { style: { margin: "0" } }),
-        d("div", {
-          class: c(e(a)("popover-footer"))
+        t(e(w), { style: { margin: "0" } }),
+        g("div", {
+          class: s(e(a)("popover-footer"))
         }, [
-          t(e(S), { justify: "end" }, {
+          t(e(D), { justify: "end" }, {
             default: o(() => [
               t(e(u), {
-                onClick: p[0] || (p[0] = (r) => m.value = !1)
+                onClick: p[0] || (p[0] = (n) => l.value = !1)
               }, {
                 default: o(() => [
-                  f(v(e(i)("ap.common.cancelText")), 1)
+                  v(y(e(m)("ap.common.cancelText")), 1)
                 ]),
                 _: 1
               }),
               t(e(u), {
-                class: c(e(a)("popover-footer-confirm-btn")),
+                class: s(e(a)("popover-footer-confirm-btn")),
                 type: "primary",
-                loading: n.submitLoading,
-                onClick: n.onSubmit
+                loading: r.submitLoading,
+                onClick: r.onSubmit
               }, {
                 default: o(() => [
-                  f(v(e(i)("ap.apForm.search.search")), 1)
+                  v(y(e(m)("ap.apForm.search.search")), 1)
                 ]),
                 _: 1
               }, 8, ["class", "loading", "onClick"])
@@ -78,17 +78,21 @@ const O = /* @__PURE__ */ y({
         ], 2)
       ]),
       default: o(() => [
-        t(e(x), {
-          title: e(i)("ap.apForm.search.moreFilter"),
+        t(e(L), {
+          title: e(m)("ap.apForm.search.moreFilter"),
           placement: "top"
         }, {
           default: o(() => [
-            t(e(u), null, {
+            t(e(u), {
+              ref_key: "triggerBtnRef",
+              ref: k,
+              class: s([e(f)("trigger-btn"), { [e(f)("trigger-btn-active")]: l.value }])
+            }, {
               icon: o(() => [
-                t(e(w))
+                t(e(P), { size: 14 })
               ]),
               _: 1
-            })
+            }, 8, ["class"])
           ]),
           _: 1
         }, 8, ["title"])
@@ -98,5 +102,5 @@ const O = /* @__PURE__ */ y({
   }
 });
 export {
-  O as default
+  U as default
 };

package/es/src/ap-form/search-form/components/popover-sorter/index.vue2.mjs

@@ -1,100 +1,117 @@
-import { defineComponent as T, ref as h, unref as e, createBlock as w, openBlock as B, withCtx as t, createVNode as o, createElementVNode as n, normalizeClass as r, toDisplayString as l, createTextVNode as C } from "vue";
-import { Popover as N, Tooltip as D, Button as u, Flex as y, Divider as L } from "@aplus-frontend/antdv";
-import { IconApLayoutOutlined as P } from "@aplus-frontend/icon";
+import { defineComponent as S, ref as C, watch as k, unref as e, createBlock as D, openBlock as P, withCtx as a, createVNode as o, normalizeClass as r, createElementVNode as s, toDisplayString as m, createTextVNode as b } from "vue";
+import { Popover as V, Tooltip as j, Button as h, Flex as _, Divider as z } from "@aplus-frontend/antdv";
+import { IconApLayoutOutlined as A } from "@aplus-frontend/icon";
 import "../../../../config-provider/index.mjs";
-import S from "vuedraggable";
+import I from "vuedraggable";
 import "./sortable-item.vue.mjs";
-import { useNamespace as _ } from "../../../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as V } from "../../../../config-provider/hooks/use-locale.mjs";
-import j from "./sortable-item.vue2.mjs";
-const G = /* @__PURE__ */ T({
+import { getStringName as L } from "../../../item-group/helper.mjs";
+import { useNamespace as F } from "../../../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as R } from "../../../../config-provider/hooks/use-locale.mjs";
+import $ from "./sortable-item.vue2.mjs";
+const W = /* @__PURE__ */ S({
   name: "ApFormSearchFormPopoverSorter",
   __name: "index",
   props: {
     children: {},
-    onClickConfirm: { type: Function }
+    onClickConfirm: { type: Function },
+    sorted: { type: Boolean }
   },
-  setup(k) {
-    const d = k, c = h(d.children);
-    let g = [...d.children];
-    const { e: p } = _("ap-form-search-form"), { b: a } = _("search-form-sorter"), { t: s } = V(), i = h(!1);
-    function F(v) {
-      return v.closest(".ant-form") || document.body;
+  setup(w) {
+    const l = w, c = C(l.children);
+    let v = [...l.children], g = [...l.children];
+    k(
+      () => l.children,
+      (t) => {
+        l.sorted || (c.value = t, g = t, v = t);
+      }
+    );
+    const { e: f, b: y } = F("ap-form-search-form"), { b: n } = F("search-form-sorter"), { t: i } = R(), p = C(!1);
+    function x(t) {
+      return t.closest(".ant-form") || document.body;
     }
-    function b() {
-      i.value = !1, console.log(e(c)), d.onClickConfirm(e(c));
+    function B() {
+      p.value = !1, v = [...e(c)], l.onClickConfirm(e(c));
     }
-    function x() {
+    function N() {
       c.value = [...g];
     }
-    return (v, m) => (B(), w(e(N), {
-      open: i.value,
-      "onUpdate:open": m[1] || (m[1] = (f) => i.value = f),
-      "overlay-class-name": e(p)("popover"),
+    function T(t) {
+      return L(t.props.name);
+    }
+    return k(
+      () => p.value,
+      (t) => {
+        t && (c.value = [...v]);
+      }
+    ), (t, u) => (P(), D(e(V), {
+      open: p.value,
+      "onUpdate:open": u[1] || (u[1] = (d) => p.value = d),
+      "overlay-class-name": e(f)("popover"),
       trigger: "click",
       placement: "bottom",
       mask: "",
       "mask-style": { backgroundColor: "transparent" },
-      "get-popup-container": F
+      "get-popup-container": x
     }, {
-      content: t(() => [
-        n("div", {
-          class: r(e(a)("header"))
+      content: a(() => [
+        s("div", {
+          class: r(e(n)("header"))
         }, [
-          n("span", {
-            class: r(e(a)("header-title"))
-          }, l(e(s)("ap.apForm.search.sorterTitle")), 3),
-          o(e(y), { justify: "space-between" }, {
-            default: t(() => [
-              n("span", {
-                class: r(e(a)("header-desc"))
-              }, l(e(s)("ap.apForm.search.sorterDesc")), 3),
-              n("div", {
-                class: r(e(a)("header-action-wrapper")),
-                onClick: x
+          s("span", {
+            class: r(e(n)("header-title"))
+          }, m(e(i)("ap.apForm.search.sorterTitle")), 3),
+          o(e(_), { justify: "space-between" }, {
+            default: a(() => [
+              s("span", {
+                class: r(e(n)("header-desc"))
+              }, m(e(i)("ap.apForm.search.sorterDesc")), 3),
+              s("div", {
+                class: r(e(n)("header-action-wrapper")),
+                onClick: N
               }, [
-                n("span", {
-                  class: r(e(a)("header-reset-btn"))
-                }, l(e(s)("ap.apForm.search.sorterReset")), 3)
+                s("span", {
+                  class: r(e(n)("header-reset-btn"))
+                }, m(e(i)("ap.apForm.search.sorterReset")), 3)
               ], 2)
             ]),
             _: 1
           })
         ], 2),
-        n("div", {
-          class: r([e(p)("popover-content"), e(a)("content")])
+        s("div", {
+          class: r([e(f)("popover-content"), e(n)("content")])
         }, [
-          o(e(S), {
+          o(e(I), {
             list: c.value,
-            class: r(e(a)("sorter-wrapper"))
+            class: r(e(n)("sorter-wrapper")),
+            "item-key": T
           }, {
-            item: t(({ element: f }) => [
-              o(j, { item: f }, null, 8, ["item"])
+            item: a(({ element: d }) => [
+              o($, { item: d }, null, 8, ["item"])
             ]),
             _: 1
           }, 8, ["list", "class"])
         ], 2),
-        o(e(L), { style: { margin: "0" } }),
-        n("div", {
-          class: r(e(p)("popover-footer"))
+        o(e(z), { style: { margin: "0" } }),
+        s("div", {
+          class: r(e(f)("popover-footer"))
         }, [
-          o(e(y), { justify: "end" }, {
-            default: t(() => [
-              o(e(u), {
-                onClick: m[0] || (m[0] = (f) => i.value = !1)
+          o(e(_), { justify: "end" }, {
+            default: a(() => [
+              o(e(h), {
+                onClick: u[0] || (u[0] = (d) => p.value = !1)
               }, {
-                default: t(() => [
-                  C(l(e(s)("ap.common.cancelText")), 1)
+                default: a(() => [
+                  b(m(e(i)("ap.common.cancelText")), 1)
                 ]),
                 _: 1
               }),
-              o(e(u), {
-                class: r(e(p)("popover-footer-confirm-btn")),
+              o(e(h), {
+                class: r(e(f)("popover-footer-confirm-btn")),
                 type: "primary",
-                onClick: b
+                onClick: B
               }, {
-                default: t(() => [
-                  C(l(e(s)("ap.apForm.search.sorterConfirmBtn")), 1)
+                default: a(() => [
+                  b(m(e(i)("ap.apForm.search.sorterConfirmBtn")), 1)
                 ]),
                 _: 1
               }, 8, ["class"])
@@ -103,18 +120,20 @@ const G = /* @__PURE__ */ T({
           })
         ], 2)
       ]),
-      default: t(() => [
-        o(e(D), {
-          title: e(s)("ap.apForm.search.sorterTitle"),
+      default: a(() => [
+        o(e(j), {
+          title: e(i)("ap.apForm.search.sorterTitle"),
           placement: "top"
         }, {
-          default: t(() => [
-            o(e(u), null, {
-              icon: t(() => [
-                o(e(P))
+          default: a(() => [
+            o(e(h), {
+              class: r([e(y)("trigger-btn"), { [e(y)("trigger-btn-active")]: p.value }])
+            }, {
+              icon: a(() => [
+                o(e(A), { size: 14 })
               ]),
               _: 1
-            })
+            }, 8, ["class"])
           ]),
           _: 1
         }, 8, ["title"])
@@ -124,5 +143,5 @@ const G = /* @__PURE__ */ T({
   }
 });
 export {
-  G as default
+  W as default
 };

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

@@ -383,7 +383,9 @@ declare function __VLS_template(): {
                             default: string | number | ColSize;
                         };
                         xxl: {
-                            type: PropType<string | number | ColSize>;
+                            type: PropType<string | number | **
+                             * extra区域展开占据的span数(占据剩余所有空间)
+                             */).ColSize>;
                             default: string | number | ColSize;
                         };
                         prefixCls: StringConstructor;
@@ -1218,7 +1220,9 @@ declare const __VLS_component: DefineComponent<ApFormSearchFormProps, {
                         default: string | number | ColSize;
                     };
                     xxl: {
-                        type: PropType<string | number | ColSize>;
+                        type: PropType<string | number | **
+                         * extra区域展开占据的span数(占据剩余所有空间)
+                         */).ColSize>;
                         default: string | number | ColSize;
                     };
                     prefixCls: StringConstructor;

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

@@ -1,25 +1,25 @@
-import { isVNode as ee, defineComponent as te, useSlots as oe, ref as ae, shallowRef as j, computed as _, unref as n, watch as L, createVNode as t, Fragment as w, createBlock as x, openBlock as d, mergeProps as ne, withCtx as F, resolveDynamicComponent as A, createElementBlock as le, renderList as re } from "vue";
-import { Col as R, Flex as B, Button as U, Row as se } from "@aplus-frontend/antdv";
+import { isVNode as oe, defineComponent as ae, useSlots as ne, ref as L, shallowRef as U, computed as _, unref as n, watch as V, createVNode as t, Fragment as w, createBlock as x, openBlock as d, mergeProps as le, withCtx as A, resolveDynamicComponent as B, createElementBlock as re, renderList as se } from "vue";
+import { Col as R, Flex as N, Button as M, Row as ie } from "@aplus-frontend/antdv";
 import "../ap-form.vue.mjs";
 import "../item/index.vue2.mjs";
-import { genRealChildren as V } from "../item-group/helper.mjs";
+import { genRealChildren as W } from "../item-group/helper.mjs";
 import "../../config-provider/index.mjs";
-import { isArray as ie, isBoolean as ue, omit as ce } from "lodash-unified";
-import { isDef as M } from "../../utils/index.mjs";
-import { execFunc as W, diffFormItem as pe } from "./utils.mjs";
+import { isArray as ue, isBoolean as ce, omit as pe } from "lodash-unified";
+import { isDef as D } from "../../utils/index.mjs";
+import { execFunc as q, diffFormItem as de } from "./utils.mjs";
 import "./components/popover-filter.vue.mjs";
-import { useCountPerRow as de } from "./hooks/use-count-per-row.mjs";
+import { useCountPerRow as fe } from "./hooks/use-count-per-row.mjs";
 import "./components/popover-sorter/index.vue.mjs";
-import { useNamespace as fe } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as me } from "../../config-provider/hooks/use-locale.mjs";
-import D from "../item/index.vue.mjs";
-import he from "./components/popover-filter.vue2.mjs";
-import xe from "./components/popover-sorter/index.vue2.mjs";
-import ye from "../ap-form.vue2.mjs";
-function ge(f) {
-  return typeof f == "function" || Object.prototype.toString.call(f) === "[object Object]" && !ee(f);
+import { useNamespace as me } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as he } from "../../config-provider/hooks/use-locale.mjs";
+import z from "../item/index.vue.mjs";
+import xe from "./components/popover-filter.vue2.mjs";
+import ye from "./components/popover-sorter/index.vue2.mjs";
+import ge from "../ap-form.vue2.mjs";
+function ve(f) {
+  return typeof f == "function" || Object.prototype.toString.call(f) === "[object Object]" && !oe(f);
 }
-const s = 24, Le = /* @__PURE__ */ te({
+const s = 24, Ue = /* @__PURE__ */ ae({
   name: "ApFormSearchForm",
   __name: "index",
   props: {
@@ -111,102 +111,103 @@ const s = 24, Le = /* @__PURE__ */ te({
     }
   },
   setup(f, {
-    expose: q
+    expose: H
   }) {
-    var E;
-    const i = oe(), o = f, {
+    var P;
+    const i = ne(), o = f, {
       b: m
-    } = fe("ap-form-search-form"), {
-      t: N
-    } = me(), z = de(o), y = ae();
-    function k() {
+    } = me("ap-form-search-form"), {
+      t: k
+    } = he(), G = fe(o), y = L();
+    function I() {
       var a;
       const e = (a = y.value) == null ? void 0 : a.getFieldsValueTransformed(!0);
-      W(o.onSubmit, e);
+      q(o.onSubmit, e);
     }
-    function H() {
+    function J() {
       var e, a;
-      o.customReset || (a = (e = y.value) == null ? void 0 : e.resetFields) == null || a.call(e), W(o.onReset);
+      o.customReset || (a = (e = y.value) == null ? void 0 : e.resetFields) == null || a.call(e), q(o.onReset);
     }
-    const G = (e) => M(e) ? (ie(e) ? e : [e]).join("") : Date.now();
-    let I = [];
-    const u = j(V(i.default())), c = j((E = i.extra) == null ? void 0 : E.call(i)), T = _(() => Math.floor(s / n(z)));
-    L(() => i.default(), (e) => {
-      I = u.value, u.value = pe(I, V(e));
-    }), L(() => {
+    const K = (e) => D(e) ? (ue(e) ? e : [e]).join("") : Date.now();
+    let T = [];
+    const u = U(W(i.default())), b = L(!1), c = U((P = i.extra) == null ? void 0 : P.call(i)), E = _(() => Math.floor(s / n(G)));
+    V(() => i.default(), (e) => {
+      T = u.value, u.value = de(T, W(e)), b.value = !1;
+    }), V(() => {
       var e;
       return (e = i.extra) == null ? void 0 : e.call(i);
     }, (e) => {
       c.value = e;
     });
     const l = _(() => {
-      const e = u.value, a = [], r = [], g = [], h = n(T);
-      let v = 0, b = 0;
-      const Q = s * o.maxRows - h * (n(c) && !o.extraInAction ? 2 : 1);
-      e.forEach((S, Z) => {
-        const p = S.props;
-        if (ue(p.hidden) ? !!p.hidden : M(p.hidden))
-          a.push(S);
+      const e = u.value, a = [], r = [], g = [], h = n(E);
+      let v = 0, S = 0;
+      const Y = s * o.maxRows - h * (n(c) && !o.extraInAction ? 2 : 1);
+      e.forEach((F, te) => {
+        const p = F.props;
+        if (ce(p.hidden) ? !!p.hidden : D(p.hidden))
+          a.push(F);
         else {
           let C = p.span || h;
-          const O = {
-            node: S,
+          const $ = {
+            node: F,
             span: C,
-            key: `ApFormSearchFormItem-${Z}-${G(p.name)}-${p._signal}`
-          }, $ = s - v % s;
-          $ < C && (C += $), v += C, v > Q ? r.push(O) : (b = v, g.push(O));
+            key: `ApFormSearchFormItem-${te}-${K(p.name)}-${p._signal}`
+          }, j = s - v % s;
+          j < C && (C += j), v += C, v > Y ? r.push($) : (S = v, g.push($));
         }
       });
-      const P = s - (b + h) % s, X = b % s < h, Y = P < h ? s : P;
+      const O = s - (S + h) % s, Z = S % s < h, ee = O < h ? s : O;
       return {
         hideNode: t(w, null, [a]),
         nodes: g,
         collapseNodes: r,
-        extraSpan: Y,
-        lastRowOnlyIncludeActionAndExtra: X
+        extraSpan: ee,
+        lastRowOnlyIncludeActionAndExtra: Z
       };
     });
-    function J(e) {
-      u.value = [...e];
+    function Q(e) {
+      u.value = [...e], b.value = !0;
     }
-    const K = _(() => {
+    const X = _(() => {
       let e;
       const a = t(R, {
-        span: n(T),
+        span: n(E),
         key: "actionWrapper"
       }, {
-        default: () => [t(D, null, {
-          default: () => [t(B, {
+        default: () => [t(z, null, {
+          default: () => [t(N, {
             wrap: "wrap",
             justify: l.value.lastRowOnlyIncludeActionAndExtra && !(n(c) && o.extraInAction) ? "flex-end" : "space-between"
           }, {
-            default: () => [t(B, {
+            default: () => [t(N, {
               gap: 8,
               wrap: "wrap"
             }, {
               default: () => [t("div", {
                 class: m("column-setting-trigger-wrapper")
-              }, [l.value.collapseNodes.length ? t(he, {
-                onSubmit: k,
+              }, [l.value.collapseNodes.length ? t(xe, {
+                onSubmit: I,
                 config: l.value.collapseNodes,
                 submitLoading: o.submitLoading
-              }, null) : null, o.sortable && u.value.length ? t(xe, {
+              }, null) : null, o.sortable && u.value.length ? t(ye, {
                 children: u.value,
-                onClickConfirm: J
-              }, null) : null]), t(U, {
+                onClickConfirm: Q,
+                sorted: b.value
+              }, null) : null]), t(M, {
                 type: "primary",
-                onClick: k,
+                onClick: I,
                 loading: o.submitLoading,
                 htmlType: "submit",
                 class: m("action-btn")
               }, {
-                default: () => [o.searchText || N("ap.apForm.search.search")]
-              }), t(U, {
-                onClick: H,
+                default: () => [o.searchText || k("ap.apForm.search.search")]
+              }), t(M, {
+                onClick: J,
                 type: "text",
                 class: [m("action-btn"), m("action-btn-reset")]
               }, {
-                default: () => [o.resetText || N("ap.apForm.search.reset")]
+                default: () => [o.resetText || k("ap.apForm.search.reset")]
               })]
             }), o.extraInAction ? n(c) : null]
           })]
@@ -215,10 +216,10 @@ const s = 24, Le = /* @__PURE__ */ te({
         span: l.value.extraSpan,
         key: "extraNode"
       }, {
-        default: () => [t(D, null, {
-          default: () => [t(B, {
+        default: () => [t(z, null, {
+          default: () => [t(N, {
             justify: l.value.extraSpan === s || l.value.lastRowOnlyIncludeActionAndExtra ? "start" : "flex-end"
-          }, ge(e = n(c)) ? e : {
+          }, ve(e = n(c)) ? e : {
             default: () => [e]
           })]
         })]
@@ -227,23 +228,23 @@ const s = 24, Le = /* @__PURE__ */ te({
       }, null);
       return l.value.lastRowOnlyIncludeActionAndExtra ? t(w, null, [r || g, a]) : t(w, null, [a, r]);
     });
-    return q({
+    return H({
       apForm: _(() => n(y))
-    }), (e, a) => (d(), x(ye, ne({
+    }), (e, a) => (d(), x(ge, le({
       ref_key: "apForm",
       ref: y,
       class: n(m)()
-    }, n(ce)(o, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
-      default: F(() => [(d(), x(A(l.value.hideNode))), t(n(se), {
-        gutter: 16
+    }, n(pe)(o, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
+      default: A(() => [(d(), x(B(l.value.hideNode))), t(n(ie), {
+        gutter: 8
       }, {
-        default: F(() => [(d(!0), le(w, null, re(l.value.nodes, (r) => (d(), x(n(R), {
+        default: A(() => [(d(!0), re(w, null, se(l.value.nodes, (r) => (d(), x(n(R), {
           key: r.key,
           span: r.span
         }, {
-          default: F(() => [(d(), x(A(r.node)))]),
+          default: A(() => [(d(), x(B(r.node)))]),
           _: 2
-        }, 1032, ["span"]))), 128)), (d(), x(A(K.value)))]),
+        }, 1032, ["span"]))), 128)), (d(), x(B(X.value)))]),
         _: 1
       })]),
       _: 1
@@ -251,5 +252,5 @@ const s = 24, Le = /* @__PURE__ */ te({
   }
 });
 export {
-  Le as default
+  Ue as default
 };

package/es/src/ap-grid/constants.d.ts

@@ -1,10 +1,10 @@
 export declare const sizeMap: {
     readonly mini: "small";
     readonly small: "small";
-    readonly medium: "small";
+    readonly medium: "middle";
 };
 export declare const sizeReverseMap: {
-    readonly small: "medium";
-    readonly middle: undefined;
+    readonly small: "mini";
+    readonly middle: "medium";
 };
 export declare const ROW_SELECTION_FIELD = "_ap-grid-row-selection-field";