@aplus-frontend/ui
Version:
70 lines (69 loc) • 2.23 kB
JavaScript
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 { apFormItemColPropKeys as $ } from "../constant.mjs";
import { genRealChildren as A, buildColSpan as E, getStringName as G } from "./helper.mjs";
import "../../config-provider/index.mjs";
import "../../utils/index.mjs";
import H from "../style/item-group.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);
}
const ee = /* @__PURE__ */ P({
name: "ApFormItemGroup",
__name: "index",
props: {
align: {},
justify: {},
prefixCls: {},
gutter: {
default: 24
},
wrap: {
type: Boolean,
default: void 0
},
countPerRow: {
default: 3
}
},
setup(o) {
const a = o, m = k(), {
b: i
} = K("ap-form-item-group"), g = H("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 = A(n || []);
return r(l).map((e, y) => {
const t = e.props, u = D(t, $), _ = u?.span ? {} : E(a.countPerRow), h = O(t.hidden) ? !!t.hidden : L(t.hidden);
return {
key: `${y}-${G(t.name)}`,
node: N(F, d(_, u, {
class: h ? i("col-hidden") : ""
}), U(e) ? e : {
default: () => [e]
})
};
});
}
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
}, 16, ["class"]));
}
});
export {
ee as default
};