@flatbiz/antd/dist/pre-defined-class-name/index.js

/* eslint-disable */
import './index.css';
/*! @flatjs/forge MIT @flatbiz/antd */

import { classNames } from '@dimjs/utils/class-names/class-names';

/**
 * 使用在Form组件上，预定义form-item label宽度
 */
var formClassName = {
  label_width_70: 'form-label-70',
  label_width_80: 'form-label-80',
  label_width_90: 'form-label-90',
  label_width_100: 'form-label-100',
  label_width_110: 'form-label-110',
  label_width_120: 'form-label-120',
  label_width_130: 'form-label-130',
  label_width_140: 'form-label-140',
  label_width_150: 'form-label-150',
  label_width_160: 'form-label-160',
  label_width_170: 'form-label-170',
  label_width_180: 'form-label-180',
  label_width_190: 'form-label-190',
  label_width_200: 'form-label-200',
  label_width_auto: 'form-label-auto',
  label_align_left: 'form-label-align-left',
  label_align_right: 'form-label-align-right',
  label_value_vertical: 'form-label-value-vertical',
  /** formItem之间的垂直间距为15 */
  formItemGap15: 'form-formitem-gap-15',
  /** formItem之间的垂直间距为8 */
  formItemGap8: 'form-formitem-gap-8',
  /** formItem之间的垂直间距为8 */
  formItemGap5: 'form-formitem-gap-5',
  /** formItem之间的垂直间距为0 */
  formItemGap0: 'form-formitem-gap-0'
};
/**
 * 使用在Form.Item组件上，预定义form-item label宽度
 */
var formItemClassName = {
  label_width_70: 'form-item-label-70',
  label_width_80: 'form-item-label-80',
  label_width_90: 'form-item-label-90',
  label_width_100: 'form-item-label-100',
  label_width_110: 'form-item-label-110',
  label_width_120: 'form-item-label-120',
  label_width_130: 'form-item-label-130',
  label_width_140: 'form-item-label-140',
  label_width_150: 'form-item-label-150',
  label_width_160: 'form-item-label-160',
  label_width_170: 'form-item-label-170',
  label_width_180: 'form-item-label-180',
  label_width_190: 'form-item-label-190',
  label_width_200: 'form-item-label-200',
  label_width_auto: 'form-item-label-auto',
  label_align_left: 'form-item-label-align-left',
  label_align_right: 'form-item-label-align-right',
  label_value_vertical: 'form-item-label-value-vertical'
};
var getFormLayoutClassName = function getFormLayoutClassName(props) {
  var oldClassName = props.className || '';
  var newClassName = '';
  if (props.labelWidth) {
    var regex = /.*form-label-\d.*/;
    if (!regex.test(oldClassName)) {
      newClassName = "form-label-".concat(props.labelWidth);
    }
  }
  if (props.labelItemVertical) {
    var _regex = /.*form-label-value-vertical.*/;
    if (!_regex.test(oldClassName)) {
      newClassName = classNames(newClassName, 'form-label-value-vertical');
    }
  }
  if (props.labelAlign) {
    var _regex2 = /.*form-label-align-(?:left|right).*/;
    if (!_regex2.test(oldClassName)) {
      newClassName = classNames(newClassName, "form-label-align-".concat(props.labelAlign));
    }
  }
  if (props.formItemGap) {
    var _regex3 = /.*form-formitem-gap-\d.*/;
    if (!_regex3.test(oldClassName)) {
      newClassName = classNames(newClassName, "form-formitem-gap-".concat(props.formItemGap));
    }
  }
  return classNames(newClassName, oldClassName);
};
var getFormItemLayoutClassName = function getFormItemLayoutClassName(props) {
  var oldClassName = props.className || '';
  var newClassName = '';
  if (props.labelWidth) {
    var regex = /.*form-label-\d.*/;
    if (!regex.test(oldClassName)) {
      newClassName = "form-item-label-".concat(props.labelWidth);
    }
  }
  if (props.labelItemVertical) {
    var _regex4 = /.*form-item-label-value-vertical.*/;
    if (!_regex4.test(oldClassName)) {
      newClassName = classNames(newClassName, 'form-item-label-value-vertical');
    }
  }
  if (props.labelAlign) {
    var _regex5 = /.*form-item-label-align-(?:left|right).*/;
    if (!_regex5.test(oldClassName)) {
      newClassName = classNames(newClassName, "form-item-label-align-".concat(props.labelAlign));
    }
  }
  return classNames(newClassName, oldClassName);
};

/**
 * 预定义className
 * ```
 * form: 使用在Form组件上，设置form-item label宽度
 * formItem: 使用在Form.Item组件上，设置form-item label宽度
 * ```
 */
var preDefinedClassName = {
  /**
   * @deprecated，已过期，使用preDefinedClassName.getFormLayoutClassName(...)
   */
  form: formClassName,
  /**
   * @deprecated 已过期，使用preDefinedClassName.getFormItemLayoutClassName(...)
   */
  formItem: formItemClassName,
  /**
   * 获取针对Form下全部label布局的预设className，包括
   * ```
   * 1. formLabel宽度
   * 2. formLabel对齐方式
   * 3. form label value的竖直布局
   * 4. formItem之间的间距
   * ```
   */
  getFormLayoutClassName: getFormLayoutClassName,
  /**
   * 获取针对单个FormItem label布局的预设className，包括
   * ```
   * 1. formLabel宽度
   * 2. formLabel对齐方式
   * 3. form label value的竖直布局
   * ```
   */
  getFormItemLayoutClassName: getFormItemLayoutClassName
};

export { preDefinedClassName };
//# sourceMappingURL=index.js.map