@aplus-frontend/ui 6.42.1 → 7.0.0-beta.1

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

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

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

@@ -1,15 +1,16 @@
-import { defineComponent as D, useSlots as L, ref as c, onMounted as _, computed as M, unref as l, cloneVNode as $, createBlock as b, openBlock as v, mergeProps as j, createSlots as q, withCtx as a, resolveDynamicComponent as E, renderList as K, createElementVNode as O, normalizeClass as Q, createVNode as d, normalizeStyle as U, renderSlot as Y, normalizeProps as G, guardReactiveProps as H } from "vue";
-import { Form as J, Tooltip as W, TypographyText as X } from "@aplus-frontend/antdv";
-import { useToken as Z } from "@aplus-frontend/antdv/es/theme/internal";
-import { isFunction as y, cloneDeep as ee, isArray as oe, omit as F } from "lodash-unified";
+import { defineComponent as L, useSlots as _, ref as c, onMounted as M, computed as $, unref as t, cloneVNode as j, createBlock as b, openBlock as v, mergeProps as q, createSlots as E, withCtx as a, resolveDynamicComponent as K, renderList as O, createElementVNode as Q, normalizeClass as U, createVNode as u, normalizeStyle as Y, renderSlot as G, normalizeProps as H, guardReactiveProps as J } from "vue";
+import { Form as W, Tooltip as X, TypographyText as Z } from "@aplus-frontend/antdv";
+import { useToken as ee } from "@aplus-frontend/antdv/es/theme/internal";
+import { isFunction as y, cloneDeep as oe, isArray as te, omit as F } from "lodash-unified";
 import { apFormItemColPropKeys as le } from "../constant.mjs";
-import { QuestionCircleOutlined as te } from "@ant-design/icons-vue";
+import { QuestionCircleOutlined as re } from "@ant-design/icons-vue";
 import "../../config-provider/index.mjs";
-import { useInjectForm as re } from "../context.mjs";
-import { isPromise as ae } from "@fruits-chain/utils";
-import { getValidVNodeList as ne } from "../../utils/slot.mjs";
-import { useNamespace as ie } from "../../config-provider/hooks/use-namespace.mjs";
-const Ve = /* @__PURE__ */ D({
+import { useInjectForm as ae } from "../context.mjs";
+import { isPromise as ne } from "@fruits-chain/utils";
+import { getValidVNodeList as ie } from "../../utils/slot.mjs";
+import se from "../style/item.mjs";
+import { useNamespace as ue } from "../../config-provider/hooks/use-namespace.mjs";
+const Be = /* @__PURE__ */ L({
   name: "ApFormItem",
   __name: "index",
   props: {
@@ -57,98 +58,99 @@ const Ve = /* @__PURE__ */ D({
     disabled: { type: Boolean }
   },
   setup(V, { expose: g }) {
-    const e = V, u = L(), { model: m, updateModel: B, internalInstance: h } = re(), { m: i, b: C } = ie("ap-form-item"), s = c(!1), r = c(), [, k] = Z();
-    _(async () => {
+    const e = V, d = _(), { model: m, updateModel: h, internalInstance: B } = ae(), { m: i, b: C } = ue("ap-form-item"), k = se("ap-form-item"), s = c(!1), r = c(), [, x] = ee();
+    M(async () => {
       let o = y(e.initialValue) ? e.initialValue() : e.initialValue;
-      ae(o) && (o = await o), h?.registerField({
+      ne(o) && (o = await o), B?.registerField({
         name: e.name,
-        initialValue: ee(o),
+        initialValue: oe(o),
         transform: e.transform
       });
     });
-    const f = M(() => e.name ? oe(e.name) ? e.name.reduce((o, t) => o?.[t], l(m)) : m?.value[e.name] : null);
-    function x() {
-      const o = u.default?.() || [];
+    const f = $(() => e.name ? te(e.name) ? e.name.reduce((o, l) => o?.[l], t(m)) : m?.value[e.name] : null);
+    function I() {
+      const o = d.default?.() || [];
       if (!e.name)
         return o[0];
-      const t = ne(o)[0];
-      return t ? $(t, {
-        [e.valuePropName]: l(f),
+      const l = ie(o)[0];
+      return l ? j(l, {
+        [e.valuePropName]: t(f),
         [`onUpdate:${e.valuePropName}`]: N,
-        variant: e.bordered ? "borderless" : t?.props?.variant,
-        bordered: e.bordered ? !1 : t?.props?.bordered,
+        variant: e.bordered ? "borderless" : l?.props?.variant,
+        bordered: e.bordered ? !1 : l?.props?.bordered,
         onFocus: P,
-        onBlur: I
+        onBlur: S
       }) : null;
     }
     function N(o) {
-      B?.(e.name, o);
+      h?.(e.name, o);
     }
     function P() {
       s.value = !0;
     }
-    function I() {
+    function S() {
       s.value = !1;
     }
-    function S() {
+    function T() {
       r.value?.onFieldBlur();
     }
-    function T() {
+    function w() {
       r.value?.onFieldChange();
     }
-    function w() {
+    function z() {
       r.value?.clearValidate();
     }
-    function z() {
+    function R() {
       r.value?.resetField();
     }
-    function R(o = !1) {
-      const t = l(f);
+    function A(o = !1) {
+      const l = t(f);
       if (!o || !e.transform)
-        return t;
+        return l;
       const n = y(e.transform) ? e.transform : e.transform.transformer;
-      return e.transform ? n(t) : t;
+      return e.transform ? n(l) : l;
     }
     return g({
-      onFieldBlur: S,
-      onFieldChange: T,
-      clearValidate: w,
-      resetField: z,
-      getFieldValue: R
-    }), (o, t) => (v(), b(l(J).Item, j(
+      onFieldBlur: T,
+      onFieldChange: w,
+      clearValidate: z,
+      resetField: R,
+      getFieldValue: A
+    }), (o, l) => (v(), b(t(W).Item, q(
       {
         ref_key: "formItemRef",
         ref: r
       },
-      l(F)(e, [...l(le), "tooltip", "label", "description"]),
+      t(F)(e, [...t(le), "tooltip", "label", "description"]),
       {
         class: {
-          [l(i)("bordered")]: o.bordered,
-          [l(i)("focused")]: o.bordered && s.value,
-          [l(i)("disabled")]: o.bordered && o.disabled,
-          [l(C)()]: !0
+          [t(i)("bordered")]: o.bordered,
+          [t(i)("focused")]: o.bordered && s.value,
+          [t(i)("disabled")]: o.bordered && o.disabled,
+          [t(C)()]: !0,
+          [t(k)]: !0
         },
         colon: o.bordered ? !1 : e.colon
       }
-    ), q({
+    ), E({
       default: a(() => [
-        (v(), b(E(x())))
+        (v(), b(K(I())))
       ]),
       _: 2
     }, [
       e.tooltip ? {
         name: "tooltip",
         fn: a(({ class: n }) => [
-          O("span", {
-            class: Q(n)
+          Q("span", {
+            class: U(n)
           }, [
-            d(l(W), {
+            u(t(X), {
               title: e.tooltip
             }, {
               default: a(() => [
-                d(l(te), {
-                  style: U({
-                    color: l(k).colorTextTertiary,
+                u(t(re), {
+                  style: Y({
+                    color: t(x).colorTextTertiary,
                     fontSize: "14px",
                     transform: "translateY(1px)"
                   })
@@ -163,7 +165,7 @@ const Ve = /* @__PURE__ */ D({
       o.label ? {
         name: "label",
         fn: a(() => [
-          d(l(X), {
+          u(t(Z), {
             content: o.label,
             ellipsis: { tooltip: o.label },
             style: { "min-width": "0px", flex: "1" }
@@ -171,15 +173,15 @@ const Ve = /* @__PURE__ */ D({
         ]),
         key: "1"
       } : void 0,
-      K(l(F)(u, "default"), (n, p) => ({
+      O(t(F)(d, "default"), (n, p) => ({
         name: p,
-        fn: a((A) => [
-          Y(o.$slots, p, G(H(A || {})))
+        fn: a((D) => [
+          G(o.$slots, p, H(J(D || {})))
         ])
       }))
     ]), 1040, ["class", "colon"]));
   }
 });
 export {
-  Ve as default
+  Be as default
 };

package/es/src/ap-form/item-group/index.vue.mjs

@@ -1,15 +1,16 @@
-import { isVNode as C, defineComponent as P, useSlots as k, ref as w, onBeforeUpdate as h, watch as B, unref as n, createVNode as N, mergeProps as d, createBlock as f, openBlock as s, withCtx as R, createElementBlock as S, Fragment as b, renderList as x, resolveDynamicComponent as j } from "vue";
-import { Col as v, Row as F } from "@aplus-frontend/antdv";
-import { pick as D, isBoolean as I, omit as O } from "lodash-unified";
-import { apFormItemColPropKeys as V } from "../constant.mjs";
-import { genRealChildren as $, buildColSpan as A, getStringName as E } from "./helper.mjs";
+import { isVNode as C, defineComponent as P, useSlots as k, ref as w, onBeforeUpdate as S, watch as B, unref as r, createVNode as N, mergeProps as d, createBlock as f, openBlock as a, withCtx as R, createElementBlock as b, Fragment as x, renderList as j, resolveDynamicComponent as v } from "vue";
+import { Col as F, Row as I } from "@aplus-frontend/antdv";
+import { pick as D, isBoolean as O, omit as V } from "lodash-unified";
+import { apFormItemColPropKeys as $ } from "../constant.mjs";
+import { genRealChildren as A, buildColSpan as E, getStringName as G } from "./helper.mjs";
 import "../../config-provider/index.mjs";
-import { isDef as G } from "../../utils/index.mjs";
-import { useNamespace as H } from "../../config-provider/hooks/use-namespace.mjs";
-function K(o) {
+import { isDef as H } from "../../utils/index.mjs";
+import K from "../style/item-group.mjs";
+import { useNamespace as L } from "../../config-provider/hooks/use-namespace.mjs";
+function U(o) {
   return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !C(o);
 }
-const W = /* @__PURE__ */ P({
+const Z = /* @__PURE__ */ P({
   name: "ApFormItemGroup",
   __name: "index",
   props: {
@@ -28,34 +29,34 @@ const W = /* @__PURE__ */ P({
     }
   },
   setup(o) {
-    const p = o, c = k(), {
+    const p = o, m = k(), {
       b: i
-    } = H("ap-form-item-group"), a = w([]);
-    h(() => {
-      a.value = l(c.default());
-    }), B(() => c.default(), (r) => {
-      a.value = l(r);
+    } = L("ap-form-item-group"), g = K("ap-form-item-group"), s = w([]);
+    S(() => {
+      s.value = c(m.default());
+    }), B(() => m.default(), (n) => {
+      s.value = c(n);
     }, {
       immediate: !0
     });
-    function l(r) {
-      const m = $(r || []);
-      return n(m).map((e, g) => {
-        const t = e.props, u = D(t, V), _ = u?.span ? {} : A(p.countPerRow), y = I(t.hidden) ? !!t.hidden : G(t.hidden);
+    function c(n) {
+      const l = A(n || []);
+      return r(l).map((e, y) => {
+        const t = e.props, u = D(t, $), _ = u?.span ? {} : E(p.countPerRow), h = O(t.hidden) ? !!t.hidden : H(t.hidden);
         return {
-          key: `${g}-${E(t.name)}`,
-          node: N(v, d(_, u, {
-            class: y ? i("col-hidden") : ""
-          }), K(e) ? e : {
+          key: `${y}-${G(t.name)}`,
+          node: N(F, d(_, u, {
+            class: h ? i("col-hidden") : ""
+          }), U(e) ? e : {
             default: () => [e]
           })
         };
       });
     }
-    return (r, m) => (s(), f(n(F), d({
-      class: n(i)()
-    }, n(O)(p, ["countPerRow"])), {
-      default: R(() => [(s(!0), S(b, null, x(a.value, (e) => (s(), f(j(e.node), {
+    return (n, l) => (a(), f(r(I), d({
+      class: [r(i)(), r(g)]
+    }, r(V)(p, ["countPerRow"])), {
+      default: R(() => [(a(!0), b(x, null, j(s.value, (e) => (a(), f(v(e.node), {
         key: e.key
       }))), 128))]),
       _: 1
@@ -63,5 +64,5 @@ const W = /* @__PURE__ */ P({
   }
 });
 export {
-  W as default
+  Z as default
 };