ideaz-element
Version:
<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>
38 lines (37 loc) • 1.1 kB
JavaScript
import "../../../shared/index.mjs";
import { rowProps as u } from "./props.mjs";
import { defineComponent as s, computed as o, provide as f } from "vue";
import { useNamespace as c } from "../../../hooks/useNamespace.mjs";
import { resolveDynamicComponent as g } from "../../../shared/resolveDynamicComponent.mjs";
const v = /* @__PURE__ */ s({
name: "ZRow",
props: u,
emits: ["input", "update:modelValue"],
setup(t, {
slots: n
}) {
const r = c("row"), i = o(() => t.gutter);
f("rowContextKey", {
gutter: i
});
const a = o(() => {
const e = {};
return t.gutter && (e.marginRight = e.marginLeft = `-${t.gutter / 2}px`), e;
}), m = o(() => [r.b(), r.is(`justify-${t.justify}`, t.justify !== "start"), r.is(`align-${t.align}`, t.align !== "top")]);
return () => {
var e;
return g({
name: t.tag,
attrs: {
class: m.value,
style: a.value
},
content: (e = n.default) == null ? void 0 : e.call(n)
});
};
}
});
export {
v as default
};
//# sourceMappingURL=index.mjs.map