fx-form-widget/lib/packages/newDetailRender/rowContainerGroup/index.js

动态表单组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _row = _interopRequireDefault(require("antd/lib/row"));
var _col = _interopRequireDefault(require("antd/lib/col"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _descriptions = _interopRequireDefault(require("antd/lib/descriptions"));
var _react = _interopRequireWildcard(require("react"));
var _ = require("..");
var _separator = _interopRequireDefault(require("../separator"));
var _shard = require("./shard");
var _Table = _interopRequireDefault(require("../Table"));
var _Group = _interopRequireDefault(require("../Group"));
var _excluded = ["column"];
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
var Item = _descriptions["default"].Item;
var RowContainerGroup = function RowContainerGroup(props) {
  var _useContext = (0, _react.useContext)(_.DetailRenderContext),
    _useContext$column = _useContext.column,
    column = _useContext$column === void 0 ? 3 : _useContext$column,
    restProps = (0, _objectWithoutPropertiesLoose2["default"])(_useContext, _excluded);
  var values = props.values;

  // 渲染多行表单
  var renderRowContainers = function renderRowContainers(values) {
    if (!Array.isArray(values)) return;
    return values.map(function (props) {
      var _ref = props || {},
        label = _ref.label,
        widgetType = _ref.widgetType,
        value = _ref.value,
        labelStyle = _ref.labelStyle,
        lineStyle = _ref.lineStyle,
        contentStyle = _ref.contentStyle,
        children = _ref.children,
        _ref$options = _ref.options,
        options = _ref$options === void 0 ? {} : _ref$options,
        wid = _ref.wid;
      var showSerialNumberButton = options.showSerialNumberButton,
        articlePageNumber = options.articlePageNumber,
        exportDataButton = options.exportDataButton,
        title = options.title;
      var content = (0, _shard.renderWidget)(widgetType, value);
      var descriptionsItemProps = {
        label: label,
        labelStyle: (0, _extends2["default"])({}, labelStyle, {
          color: '#787878'
        }),
        contentStyle: (0, _extends2["default"])({}, contentStyle, {
          color: '#262626',
          display: '-webkit-box',
          WebkitBoxOrient: 'vertical',
          overflow: 'hidden',
          paddingRight: 24,
          WebkitLineClamp: 2
        }),
        key: wid
      };
      if (widgetType === 'subform') {
        return /*#__PURE__*/_react["default"].createElement(_col["default"], {
          span: 24
        }, /*#__PURE__*/_react["default"].createElement(_Table["default"], {
          dataSource: value,
          title: title,
          showExportBtn: exportDataButton,
          showIndex: showSerialNumberButton,
          schemas: children,
          pageSize: articlePageNumber
        }));
      }
      if (children) {
        return /*#__PURE__*/_react["default"].createElement(_col["default"], {
          span: 24
        }, /*#__PURE__*/_react["default"].createElement(_Group["default"], {
          values: children,
          column: column,
          label: label,
          lineStyle: lineStyle,
          wid: wid
        }));
      }
      if (widgetType === 'separator') {
        return /*#__PURE__*/_react["default"].createElement(_col["default"], {
          span: 24
        }, /*#__PURE__*/_react["default"].createElement(_separator["default"], {
          lineStyle: lineStyle,
          title: label
        }));
      }
      if (_shard.blockComponent.includes(widgetType)) {
        /*#__PURE__*/_react["default"].createElement(_col["default"], {
          span: 24
        }, /*#__PURE__*/_react["default"].createElement(_descriptions["default"], (0, _extends2["default"])({
          column: column
        }, restProps), /*#__PURE__*/_react["default"].createElement(Item, (0, _extends2["default"])({
          span: column
        }, descriptionsItemProps), content)));
      }
      return /*#__PURE__*/_react["default"].createElement(_col["default"], {
        span: 24 / column
      }, /*#__PURE__*/_react["default"].createElement(_descriptions["default"], (0, _extends2["default"])({
        column: column
      }, restProps), /*#__PURE__*/_react["default"].createElement(Item, (0, _extends2["default"])({
        span: column
      }, descriptionsItemProps), content)));
    });
  };
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_row["default"], null, renderRowContainers(values)));
};
var _default = exports["default"] = RowContainerGroup;