@jannie-shao/components-antd4/lib/form/maker/render-fun.js

基于 Antd 4 的组件封装

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.makerFun = exports["default"] = void 0;
require("antd/es/form/style");
var _form = _interopRequireDefault(require("antd/es/form"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
require("antd/es/radio/style");
var _radio = _interopRequireDefault(require("antd/es/radio"));
require("antd/es/select/style");
var _select = _interopRequireDefault(require("antd/es/select"));
require("antd/es/time-picker/style");
var _timePicker = _interopRequireDefault(require("antd/es/time-picker"));
require("antd/es/date-picker/style");
var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
require("antd/es/input/style");
var _input = _interopRequireDefault(require("antd/es/input"));
require("antd/es/input-number/style");
var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
var _react = _interopRequireDefault(require("react"));
var _layedit = _interopRequireDefault(require("../../layedit"));
var _autoComplete = _interopRequireDefault(require("../../auto-complete"));
var _multiInput = _interopRequireDefault(require("../../multiInput"));
var _dateRange = _interopRequireDefault(require("../../date-range"));
var _inputSelect = _interopRequireDefault(require("../../input-select"));
var _excluded = ["model"];
var itemConfig = {
  number: function number(props) {
    return /*#__PURE__*/_react["default"].createElement(_inputNumber["default"], props);
  },
  input: function input(props) {
    if (props.maxLength === -1) {
      return /*#__PURE__*/_react["default"].createElement(_input["default"], props);
    }
    return /*#__PURE__*/_react["default"].createElement(_input["default"], (0, _extends2["default"])({
      maxLength: 128
    }, props));
  },
  layedit: function layedit(props) {
    return /*#__PURE__*/_react["default"].createElement(_layedit["default"], props);
  },
  textarea: function textarea(props) {
    if (props.maxLength === -1) {
      return /*#__PURE__*/_react["default"].createElement(_input["default"].TextArea, props);
    }
    return /*#__PURE__*/_react["default"].createElement(_input["default"].TextArea, (0, _extends2["default"])({
      maxLength: 1000
    }, props));
  },
  batchInput: function batchInput(props) {
    return /*#__PURE__*/_react["default"].createElement(_multiInput["default"], props);
  },
  datePicker: function datePicker(props) {
    return /*#__PURE__*/_react["default"].createElement(_datePicker["default"], (0, _extends2["default"])({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  dateRange: function dateRange(props) {
    return /*#__PURE__*/_react["default"].createElement(_datePicker["default"].RangePicker, (0, _extends2["default"])({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  timestampRange: function timestampRange(props) {
    return /*#__PURE__*/_react["default"].createElement(_dateRange["default"], (0, _extends2["default"])({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  timePicker: function timePicker(props) {
    return /*#__PURE__*/_react["default"].createElement(_timePicker["default"], (0, _extends2["default"])({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  timeRange: function timeRange(props) {
    return /*#__PURE__*/_react["default"].createElement(_timePicker["default"].RangePicker, (0, _extends2["default"])({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  select: function select(props) {
    return /*#__PURE__*/_react["default"].createElement(_select["default"], (0, _extends2["default"])({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  inputSelect: function inputSelect(props) {
    return /*#__PURE__*/_react["default"].createElement(_inputSelect["default"], (0, _extends2["default"])({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  radio: function radio(props) {
    return /*#__PURE__*/_react["default"].createElement(_radio["default"].Group, props);
  },
  autoComplate: function autoComplate(props) {
    return /*#__PURE__*/_react["default"].createElement(_autoComplete["default"], (0, _extends2["default"])({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  }
};
var makerFun = function makerFun(m) {
  var _m$type = m.type,
    type = _m$type === void 0 ? '' : _m$type,
    _m$render = m.render,
    render = _m$render === void 0 ? '' : _m$render,
    _m$props = m.props,
    props = _m$props === void 0 ? {} : _m$props;
  if (!type && render) {
    if (typeof render === 'function' && !/[A-Z]/.test(render.name[0])) {
      // 组件
      return render((0, _extends2["default"])({}, props));
    }
    return render;
  }
  var func = itemConfig[type];
  if (func) return func(props);
  return '';
};
exports.makerFun = makerFun;
var RenderFun = function RenderFun(_ref) {
  var model = _ref.model,
    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
  return /*#__PURE__*/_react["default"].createElement(_form["default"].Item, props, makerFun(model));
};
var _default = RenderFun;
exports["default"] = _default;