@fe6/water-pro/es/form-pro/src/props.js

An enterprise-class UI design language and Vue-based implementation

/** @format */
import PropTypes from '../../_util/vue-types';
import { hasOwn } from '@vue/shared';
import { isArray } from 'lodash';
export var basicProps = {
  model: {
    type: Object,
    default: {}
  },
  // 标签宽度  固定宽度
  labelWidth: {
    type: [Number, String]
  },
  fieldMapToTime: {
    type: Array,
    default: function _default() {
      return [];
    }
  },
  actionAffix: PropTypes.looseBool,
  actionTarget: PropTypes.func,
  actionOffsetBottom: PropTypes.number.def(0),
  actionAlgin: PropTypes.oneOf(['left', 'right', 'center', 'space-between']).def('left'),
  compact: PropTypes.bool,
  resetClearValidate: PropTypes.bool.def(true),
  // 表单配置规则
  schemas: {
    type: [Array],
    default: function _default() {
      return [];
    } // required: true,

  },
  mergeDynamicData: {
    type: Object,
    default: null
  },
  baseRowStyle: {
    type: Object
  },
  baseColProps: {
    type: Object
  },
  // 水平排列的间距
  baseGutter: PropTypes.number.def(0),
  autoSetPlaceHolder: PropTypes.bool.def(true),
  submitOnReset: PropTypes.bool.def(false),
  resetOnSubmit: PropTypes.bool.def(true),
  size: PropTypes.oneOf(['default', 'small', 'large']).def('default'),
  // 禁用表单
  disabled: PropTypes.bool,
  emptySpan: {
    type: [Number, Object],
    default: 0
  },
  // 是否显示收起展开按钮
  showAdvancedButton: PropTypes.bool,
  // 转化时间
  transformDateFunc: {
    type: Function,
    default: function _default(date, schemaItem) {
      var _a;

      var format = schemaItem && (schemaItem.component === 'TimePicker' || schemaItem.component === 'TimeRangePicker') ? 'HH:mm:ss' : 'YYYY-MM-DD HH:mm:ss';

      if (schemaItem && hasOwn(schemaItem, 'componentProps') && hasOwn(schemaItem.componentProps, 'valueFormat')) {
        format = (_a = schemaItem.componentProps) === null || _a === void 0 ? void 0 : _a.valueFormat;

        if (isArray(format)) {
          format = format[0];
        }
      }

      return date._isAMomentObject ? date === null || date === void 0 ? void 0 : date.format(format) : date;
    }
  },
  rulesMessageJoinLabel: PropTypes.bool.def(true),
  // 超过3行自动折叠
  autoAdvancedLine: PropTypes.number.def(3),
  // 是否显示操作按钮
  showActionButtonGroup: PropTypes.bool.def(true),
  // 操作列Col配置
  actionColOptions: {
    type: Object,
    default: function _default() {
      return {
        span: 22,
        push: 2
      };
    }
  },
  // 显示重置按钮
  showResetButton: PropTypes.bool.def(true),
  // 是否聚焦第一个输入框，只在第一个表单项为input的时候作用
  autoFocusFirstItem: PropTypes.bool,
  // 重置按钮配置
  resetButtonOptions: Object,
  // 显示确认按钮
  showSubmitButton: PropTypes.bool.def(true),
  // 确认按钮配置
  submitButtonOptions: Object,
  // 自定义重置函数
  resetFunc: Function,
  submitFunc: Function,
  // 以下为默认props
  hideRequiredMark: PropTypes.bool,
  labelCol: {
    type: Object,
    default: function _default() {
      return {
        span: 2
      };
    }
  },
  layout: PropTypes.oneOf(['horizontal', 'vertical', 'inline']).def('horizontal'),
  tableAction: {
    type: Object
  },
  wrapperCol: {
    type: Object,
    default: function _default() {
      return {
        span: 22
      };
    }
  },
  colon: PropTypes.bool.def(true),
  labelAlign: PropTypes.string,
  prefixCls: PropTypes.string,
  navAffix: PropTypes.looseBool,
  navTarget: PropTypes.func,
  navOffsetTop: PropTypes.number.def(0)
};