| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- import { defineComponent, computed, provide, openBlock, createBlock, resolveDynamicComponent, normalizeClass, unref, normalizeStyle, withCtx, renderSlot } from 'vue';
- import { rowContextKey } from './constants.mjs';
- import { rowProps } from './row.mjs';
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
- const __default__ = defineComponent({
- name: "ElRow"
- });
- const _sfc_main = /* @__PURE__ */ defineComponent({
- ...__default__,
- props: rowProps,
- setup(__props) {
- const props = __props;
- const ns = useNamespace("row");
- const gutter = computed(() => props.gutter);
- provide(rowContextKey, {
- gutter
- });
- const style = computed(() => {
- const styles = {};
- if (!props.gutter) {
- return styles;
- }
- styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`;
- return styles;
- });
- const rowKls = computed(() => [
- ns.b(),
- ns.is(`justify-${props.justify}`, props.justify !== "start"),
- ns.is(`align-${props.align}`, !!props.align)
- ]);
- return (_ctx, _cache) => {
- return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
- class: normalizeClass(unref(rowKls)),
- style: normalizeStyle(unref(style))
- }, {
- default: withCtx(() => [
- renderSlot(_ctx.$slots, "default")
- ]),
- _: 3
- }, 8, ["class", "style"]);
- };
- }
- });
- var Row = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "row.vue"]]);
- export { Row as default };
- //# sourceMappingURL=row2.mjs.map
|