vue-admin-core/lib/formily/form-button-group/src/index.js

A Component Library for Vue 3

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue$1 = require('@formily/vue');
var vue = require('vue');
require('../../space/index.js');
require('../../form-item/index.js');
require('../../__builtins__/index.js');
var index = require('../../space/src/index.js');
var index$1 = require('../../__builtins__/configs/index.js');
var index$2 = require('../../form-item/src/index.js');

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

exports.FormButtonGroup = FormButtonGroup;
exports.default = FormButtonGroup;
exports.formButtonGroupProps = formButtonGroupProps;
//# sourceMappingURL=index.js.map