@aplus-frontend/ui 7.14.5 → 7.15.1

package/es/src/ap-field/switch/index.vue.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as U, useSlots as x, ref as z, unref as o, computed as g, createVNode as u, Fragment as s, createBlock as h, createElementBlock as D, openBlock as f, resolveDynamicComponent as E, mergeProps as p, createSlots as v, renderList as V, withCtx as k, renderSlot as B, normalizeProps as b, guardReactiveProps as w } from "vue";
-import { Switch as A, Popconfirm as K } from "@aplus-frontend/antdv";
-import { isNil as L, isFunction as M, omit as P } from "lodash-unified";
+import { defineComponent as z, useSlots as D, ref as v, unref as o, computed as V, createVNode as a, Fragment as s, createBlock as p, createElementBlock as E, openBlock as f, resolveDynamicComponent as K, mergeProps as k, createSlots as b, renderList as w, withCtx as C, renderSlot as B, normalizeProps as A, guardReactiveProps as P } from "vue";
+import { Switch as _, Popconfirm as L } from "@aplus-frontend/antdv";
+import { isNil as M, isFunction as j, omit as S } from "lodash-unified";
 import "../../utils/index.mjs";
 import "../../hooks/index.mjs";
-import { useControllableValue as R } from "../../hooks/useControllableValue.mjs";
-import { isDef as d } from "../../utils/is.mjs";
-const Q = /* @__PURE__ */ U({
+import { useControllableValue as q } from "../../hooks/useControllableValue.mjs";
+import { isDef as r } from "../../utils/is.mjs";
+const X = /* @__PURE__ */ z({
   name: "ApFieldSwitch",
   __name: "index",
   props: {
@@ -51,76 +51,82 @@ const Q = /* @__PURE__ */ U({
     confirm: {}
   },
   emits: ["update:checked"],
-  setup(S, {
-    emit: _
+  setup(F, {
+    expose: N,
+    emit: T
   }) {
-    const i = x(), e = S, F = _, {
+    const d = D(), e = F, $ = T, h = v(), {
       value: t,
-      updateValue: r
-    } = R(e, F, {
+      updateValue: i
+    } = q(e, $, {
       valuePropName: "checked"
-    }), c = z(!1);
-    async function C(n, a) {
-      if (!d(e.confirm)) {
-        if (!d(e.onAction)) {
-          r(n);
+    }), c = v(!1);
+    async function y(n, u) {
+      if (!r(e.confirm)) {
+        if (!r(e.onAction)) {
+          i(n);
           return;
         }
         c.value = !0;
         try {
-          await e.onAction(n, a) && r(n);
+          await e.onAction(n, u) && i(n);
         } finally {
           c.value = !1;
         }
       }
     }
-    async function N() {
+    async function x() {
       const n = o(t) === e.checkedValue ? e.unCheckedValue : e.checkedValue;
-      if (!d(e.onAction)) {
-        r(n);
+      if (!r(e.onAction)) {
+        i(n);
         return;
       }
-      await e.onAction(n) && r(n);
+      await e.onAction(n) && i(n);
     }
-    const T = g(() => {
+    const R = V(() => {
       const n = o(t);
-      return L(n) ? u(s, null, [e.emptyText]) : n === e.checkedValue ? u(s, null, [e.checkedChildren || i.checkedChildren?.() || `${e.checkedValue}`]) : u(s, null, [e.unCheckedChildren || i.unCheckedChildren?.() || `${e.unCheckedValue}`]);
-    }), $ = g(() => d(e.confirm) ? M(e.confirm) ? e.confirm(o(t)) : e.confirm : {});
-    return (n, a) => n.mode === "read" ? (f(), h(E(T.value), {
+      return M(n) ? a(s, null, [e.emptyText]) : n === e.checkedValue ? a(s, null, [e.checkedChildren || d.checkedChildren?.() || `${e.checkedValue}`]) : a(s, null, [e.unCheckedChildren || d.unCheckedChildren?.() || `${e.unCheckedValue}`]);
+    }), U = V(() => r(e.confirm) ? j(e.confirm) ? e.confirm(o(t)) : e.confirm : {});
+    return N({
+      focus: () => h.value?.focus(),
+      blur: () => h.value?.blur()
+    }), (n, u) => n.mode === "read" ? (f(), p(K(R.value), {
       key: 0
-    })) : (f(), D(s, {
+    })) : (f(), E(s, {
       key: 1
-    }, [!o(d)(n.confirm) || n.disabled ? (f(), h(o(A), p({
-      key: 0
-    }, o(P)(e, ["onUpdate:checked", "emptyText"]), {
+    }, [!o(r)(n.confirm) || n.disabled ? (f(), p(o(_), k({
+      key: 0,
+      ref_key: "switchRef",
+      ref: h
+    }, o(S)(e, ["onUpdate:checked", "emptyText"]), {
       checked: o(t),
       loading: n.loading ?? c.value,
-      onClick: C
-    }), v({
+      onClick: y
+    }), b({
       _: 2
-    }, [V(i, (y, l) => ({
+    }, [w(d, (g, l) => ({
       name: l,
-      fn: k((m) => [B(n.$slots, l, b(w(m || {})))])
-    }))]), 1040, ["checked", "loading"])) : (f(), h(o(K), p({
+      fn: C((m) => [B(n.$slots, l, A(P(m || {})))])
+    }))]), 1040, ["checked", "loading"])) : (f(), p(o(L), k({
       key: 1,
       disabled: c.value
-    }, $.value, {
-      onConfirm: N
+    }, U.value, {
+      onConfirm: x
     }), {
-      default: k(() => [u(o(A), p(o(P)(e, ["onUpdate:checked", "emptyText"]), {
+      default: C(() => [a(o(_), k(o(S)(e, ["onUpdate:checked", "emptyText"]), {
         checked: o(t),
         loading: n.loading ?? c.value,
-        onClick: C
-      }), v({
+        onClick: y
+      }), b({
         _: 2
-      }, [V(i, (y, l) => ({
+      }, [w(d, (g, l) => ({
         name: l,
-        fn: k((m) => [B(n.$slots, l, b(w(m || {})))])
+        fn: C((m) => [B(n.$slots, l, A(P(m || {})))])
       }))]), 1040, ["checked", "loading"])]),
       _: 3
     }, 16, ["disabled"]))], 64));
   }
 });
 export {
-  Q as default
+  X as default
 };

package/es/src/ap-field/text/password.vue.d.ts

@@ -17,8 +17,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApFieldTextPasswordProps, {
-    focus: () => void;
     blur: () => void;
+    focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;

package/es/src/ap-field/text-area/index.vue.d.ts

@@ -9,8 +9,8 @@ import { ShowCountProps } from '@aplus-frontend/antdv/es/vc-input/inputProps';
 import { VueTypeValidableDef } from '../../../node_modules/vue-types';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 declare const _default: DefineComponent<ApFieldTextAreaProps, {
-    focus: (options?: InputFocusOptions) => void;
     blur: () => void;
+    focus: (options?: InputFocusOptions) => void;
     resizableTextArea: any;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;

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

@@ -926,6 +926,7 @@ declare const __VLS_component: DefineComponent<ApFormDrawerFormProps, {
             type: PropType<sizeType>;
         };
         maxSize: NumberConstructor;
+        minSize: NumberConstructor;
         drawerStyle: {
             type: PropType<CSSProperties>;
             default: CSSProperties;

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

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

package/es/src/ap-form/interface.d.ts

@@ -278,7 +278,7 @@ export type ApFormModalFormProps = Omit<ApFormProps, 'onFinish'> & {
     submitTimeout?: number;
 };
 export type CustomizeResizeType = {
-    onResize?: () => void;
+    onResize?: (_size: number) => void;
     maxWidth?: DrawerProps['width'];
     minWidth?: DrawerProps['width'];
     resizeOnOpen?: boolean;

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

@@ -4,10 +4,8 @@ import { Breakpoint } from '@aplus-frontend/antdv/es/_util/responsiveObserve';
 import { Gutter } from '@aplus-frontend/antdv/es/grid/Row';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        default(): any[];
-    }> & {
-        default(): any[];
+    slots: {
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: any;

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

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