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

基于 Antd 4 的组件封装

import "antd/es/form/style";
import _Form from "antd/es/form";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
import "antd/es/radio/style";
import _Radio from "antd/es/radio";
import "antd/es/select/style";
import _Select from "antd/es/select";
import "antd/es/time-picker/style";
import _TimePicker from "antd/es/time-picker";
import "antd/es/date-picker/style";
import _DatePicker from "antd/es/date-picker";
import _extends from "@babel/runtime/helpers/extends";
import "antd/es/input/style";
import _Input from "antd/es/input";
import "antd/es/input-number/style";
import _InputNumber from "antd/es/input-number";
var _excluded = ["model"];
import React from 'react';
import Layedit from "../../layedit";
import AutoComplete from "../../auto-complete";
import MultiInput from "../../multiInput";
import DateRange from "../../date-range";
import InputSelect from "../../input-select";
var itemConfig = {
  number: function number(props) {
    return /*#__PURE__*/React.createElement(_InputNumber, props);
  },
  input: function input(props) {
    if (props.maxLength === -1) {
      return /*#__PURE__*/React.createElement(_Input, props);
    }
    return /*#__PURE__*/React.createElement(_Input, _extends({
      maxLength: 128
    }, props));
  },
  layedit: function layedit(props) {
    return /*#__PURE__*/React.createElement(Layedit, props);
  },
  textarea: function textarea(props) {
    if (props.maxLength === -1) {
      return /*#__PURE__*/React.createElement(_Input.TextArea, props);
    }
    return /*#__PURE__*/React.createElement(_Input.TextArea, _extends({
      maxLength: 1000
    }, props));
  },
  batchInput: function batchInput(props) {
    return /*#__PURE__*/React.createElement(MultiInput, props);
  },
  datePicker: function datePicker(props) {
    return /*#__PURE__*/React.createElement(_DatePicker, _extends({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  dateRange: function dateRange(props) {
    return /*#__PURE__*/React.createElement(_DatePicker.RangePicker, _extends({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  timestampRange: function timestampRange(props) {
    return /*#__PURE__*/React.createElement(DateRange, _extends({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  timePicker: function timePicker(props) {
    return /*#__PURE__*/React.createElement(_TimePicker, _extends({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  timeRange: function timeRange(props) {
    return /*#__PURE__*/React.createElement(_TimePicker.RangePicker, _extends({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  select: function select(props) {
    return /*#__PURE__*/React.createElement(_Select, _extends({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  inputSelect: function inputSelect(props) {
    return /*#__PURE__*/React.createElement(InputSelect, _extends({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  },
  radio: function radio(props) {
    return /*#__PURE__*/React.createElement(_Radio.Group, props);
  },
  autoComplate: function autoComplate(props) {
    return /*#__PURE__*/React.createElement(AutoComplete, _extends({}, props, {
      getPopupContainer: function getPopupContainer(n) {
        return n.parentNode;
      }
    }));
  }
};
export 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(_extends({}, props));
    }
    return render;
  }
  var func = itemConfig[type];
  if (func) return func(props);
  return '';
};
var RenderFun = function RenderFun(_ref) {
  var model = _ref.model,
    props = _objectWithoutPropertiesLoose(_ref, _excluded);
  return /*#__PURE__*/React.createElement(_Form.Item, props, makerFun(model));
};
export default RenderFun;