vue-admin-core/es/formily/form-button-group/src/index.mjs

A Component Library for Vue 3

import { h } from '@formily/vue';
import { defineComponent } from 'vue';
import '../../space/index.mjs';
import '../../form-item/index.mjs';
import '../../__builtins__/index.mjs';
import { spaceProps, Space } from '../../space/src/index.mjs';
import { stylePrefix } from '../../__builtins__/configs/index.mjs';
import { FormBaseItem } from '../../form-item/src/index.mjs';

const formButtonGroupProps = {
  ...spaceProps,
  gutter: {
    type: Number,
    default: 8
  },
  alignFormItem: {
    type: Boolean,
    default: false
  },
  align: {
    type: String
  }
};
const FormButtonGroup = defineComponent({
  name: "FFormButtonGroup",
  props: formButtonGroupProps,
  setup(props, { slots, attrs }) {
    const prefixCls = `${stylePrefix}-form-button-group`;
    return () => {
      if (props.alignFormItem) {
        return h(
          FormBaseItem,
          {
            colon: false,
            label: " ",
            ...attrs,
            style: {
              margin: 0,
              padding: 0,
              width: "100%"
            }
          },
          {
            default: () => h(Space, { size: props.gutter }, slots)
          }
        );
      } else {
        return h(
          Space,
          {
            ...props,
            class: [prefixCls],
            style: {
              justifyContent: props.align === "left" ? "flex-start" : props.align === "right" ? "flex-end" : "center",
              display: "flex"
            },
            size: props.gutter
          },
          slots
        );
      }
    };
  }
});

export { FormButtonGroup, FormButtonGroup as default, formButtonGroupProps };
//# sourceMappingURL=index.mjs.map