@m-materials/form-item/lib/index.js

基于antd中form表单，加入了自定义组件，以简化代码为模板。

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports["default"] = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _react = _interopRequireDefault(require("react"));

var _FormRowWrapper = require("./FormRowWrapper");

var _StandardFormItem = _interopRequireDefault(require("./StandardFormItem"));

var TextItem = function TextItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "text"
  }));
};

var TimePickerItem = function TimePickerItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "timePicker"
  }));
};

var DatePickerItem = function DatePickerItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "datePicker"
  }));
};

var DatePickerNewItem = function DatePickerNewItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "datePickerNew"
  }));
};

var RadioGroupItem = function RadioGroupItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "radio"
  }));
};

var SelectItem = function SelectItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "select"
  }));
};

var InputNumberItem = function InputNumberItem(props) {
  var extProps = (0, _extends2["default"])({}, props || {});

  if (extProps.onBlur) {
    Object.assign(extProps, {
      onBlurPlus: extProps.onBlur
    });
  }

  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, extProps, {
    type: "inputNumber"
  }));
};

var UploadFileItem = function UploadFileItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "upload"
  }));
};

var CheckboxItem = function CheckboxItem(props) {
  var extProps = (0, _extends2["default"])({}, props || {});
  Object.assign(extProps, {
    rules: [{
      required: false,
      message: ''
    }]
  });
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, extProps, {
    type: "checkbox"
  }));
};

var InputItem = function InputItem(props) {
  // 补丁，消除没有rules无法填写的问题
  var extProps = (0, _extends2["default"])({}, props || {});

  if (!props.rules) {
    Object.assign(extProps, {
      rules: [{
        required: false,
        message: ''
      }]
    });
  }

  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, extProps, {
    type: "input"
  }));
};

var RangePickerItem = function RangePickerItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "rangePicker"
  }));
};

var MonthPickerItem = function MonthPickerItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "monthPicker"
  }));
};

var ButtonItem = function ButtonItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "button"
  }));
};

var InputGroupItem = function InputGroupItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "input"
  }));
};

var InputAreaItem = function InputAreaItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "textArea"
  }));
};

var SwitchItem = function SwitchItem(props) {
  var extProps = (0, _extends2["default"])({}, props || {});
  Object.assign(extProps, {
    rules: [{
      required: false,
      message: ''
    }]
  });
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, extProps, {
    type: "switch"
  }));
};

var ComboListItem = function ComboListItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "comboList"
  }));
};

var ComGridItem = function ComGridItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "comGrid"
  }));
};

var ComTreeItem = function ComTreeItem(props) {
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], (0, _extends2["default"])({}, props, {
    type: "comTree"
  }));
};

var CustomizeItem = function CustomizeItem(props) {
  if (!props.headStyle) {
    return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], props);
  }

  var extProps = (0, _extends2["default"])({}, props || {});
  Object.assign(extProps, {
    name: props.headStyle ? /*#__PURE__*/_react["default"].createElement("span", {
      style: props.headStyle
    }, props.name) : props.name
  });
  return /*#__PURE__*/_react["default"].createElement(_StandardFormItem["default"], extProps);
};

var _default = {
  TextItem: TextItem,
  SwitchItem: SwitchItem,
  InputItem: InputItem,
  InputNumberItem: InputNumberItem,
  InputAreaItem: InputAreaItem,
  DatePickerItem: DatePickerItem,
  RangePickerItem: RangePickerItem,
  TimePickerItem: TimePickerItem,
  MonthPickerItem: MonthPickerItem,
  DatePickerNewItem: DatePickerNewItem,
  ComGridItem: ComGridItem,
  ComTreeItem: ComTreeItem,
  SelectItem: SelectItem,
  RadioGroupItem: RadioGroupItem,
  FormRowWrapper: _FormRowWrapper.FormRowWrapper
}; // 开发环境使用

exports["default"] = _default;
var propTypes = {
  maxLength: _propTypes["default"].number,
  // form: PropTypes.object.isRequired,
  code: _propTypes["default"].any.isRequired,
  categoryCode: _propTypes["default"].string,
  name: _propTypes["default"].any,
  initialValue: _propTypes["default"].any,
  formLayout: _propTypes["default"].any,
  rules: _propTypes["default"].any,
  config: _propTypes["default"].object,
  onChange: _propTypes["default"].func,
  span: _propTypes["default"].number,
  placeholder: _propTypes["default"].string,
  hidden: _propTypes["default"].bool,
  disabled: _propTypes["default"].bool,
  selectChange: _propTypes["default"].func,
  precision: _propTypes["default"].number,
  desc: _propTypes["default"].any,
  params: _propTypes["default"].any,
  options: _propTypes["default"].any,
  allowClear: _propTypes["default"].any,
  ignoreDetail: _propTypes["default"].bool,
  thousandth: _propTypes["default"].bool,
  textValue: _propTypes["default"].string,
  validator: _propTypes["default"].any,
  text: _propTypes["default"].any,
  onClick: _propTypes["default"].func,
  inputType: _propTypes["default"].string,
  columns: _propTypes["default"].array,
  afterSelect: _propTypes["default"].func,
  tooltip: _propTypes["default"].string
}; // MonthPickerItem.prototype = propTypes;
// DatePickerNewItem.prototype = propTypes;
// ComGridItem.prototype = propTypes;
// ComTreeItem.prototype = propTypes;
// ComListItem.prototype = propTypes; todo

InputItem.propTypes = propTypes;
CheckboxItem.propTypes = propTypes;
UploadFileItem.propTypes = propTypes;
InputNumberItem.propTypes = propTypes;
RadioGroupItem.propTypes = propTypes;
DatePickerItem.propTypes = propTypes;
SelectItem.propTypes = propTypes;
RangePickerItem.propType = propTypes;
ButtonItem.prototype = propTypes;
InputGroupItem.prototype = propTypes;
InputAreaItem.prototype = propTypes;
SwitchItem.prototype = propTypes;