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

基于 Antd 4 的组件封装

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.getRealCol = exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _const = require("../const");
var _renderCard = _interopRequireDefault(require("./render-card"));
var _renderGroup = _interopRequireDefault(require("./render-group"));
var _renderDependent = _interopRequireDefault(require("./render-dependent"));
var _renderList = _interopRequireDefault(require("./render-list"));
var _renderTable = _interopRequireDefault(require("./render-table"));
var _renderFun = _interopRequireDefault(require("./render-fun"));
var maker = function maker(models) {
  if (models === void 0) {
    models = [];
  }
  return models.map(function (m) {
    if (!m) return null;
    var props = (0, _extends2["default"])({}, m.formProps || {});
    if (m.type === 'card') {
      props.key = props.key || m.items.map(function (i) {
        return i.name;
      }).join('-');
      return /*#__PURE__*/_react["default"].createElement(_renderCard["default"], (0, _extends2["default"])({}, props, {
        model: m,
        itemRender: maker
      }));
    }
    if (m.type === 'group') {
      props.key = props.key || m.items.map(function (i) {
        return i.name;
      }).join('-');
      return /*#__PURE__*/_react["default"].createElement(_renderGroup["default"], (0, _extends2["default"])({}, props, {
        model: m,
        itemRender: maker
      }));
    }
    if (m.type === 'dependent') {
      props.key = props.key || m.dependencies.key + ":" + m.dependencies.val;
      return /*#__PURE__*/_react["default"].createElement(_renderDependent["default"], (0, _extends2["default"])({}, props, {
        model: m,
        itemRender: maker
      }));
    }
    if (m.name) {
      props.name = m.name;
      props.key = m.name;
    } else if (!props.key) {
      props.key = Math.random().toString(36).substring(2);
    }
    if (m.type === 'list') {
      return /*#__PURE__*/_react["default"].createElement(_renderList["default"], (0, _extends2["default"])({}, props, {
        model: m,
        itemRender: maker
      }));
    }
    if (m.type === 'table') {
      return /*#__PURE__*/_react["default"].createElement(_renderTable["default"], (0, _extends2["default"])({}, props, {
        model: m
      }));
    }
    return /*#__PURE__*/_react["default"].createElement(_renderFun["default"], (0, _extends2["default"])({}, props, {
      model: m
    }));
  });
};
var _default = maker;
exports["default"] = _default;
var getRealCol = function getRealCol(dom, perMax, min) {
  if (dom === void 0) {
    dom = {};
  }
  if (perMax === void 0) {
    perMax = 240;
  }
  if (min === void 0) {
    min = 1;
  }
  var width = dom.clientWidth || 0;
  if (width === 0) return min;
  var now = parseInt((width - perMax) / (perMax + _const.GRID_GAP), 10) + 1;
  return now < min ? min : now;
};
exports.getRealCol = getRealCol;