loners-form/es/FormTool/index.js

为工作而生，基于 antd 而生的可配置化表单

import "antd/es/row/style";
import _Row from "antd/es/row";
import "antd/es/col/style";
import _Col from "antd/es/col";
import "antd/es/form/style";
import _Form from "antd/es/form";
var _excluded = ["action", "items", "className", "children"],
    _excluded2 = ["type", "show", "fieldProps", "colProps", "disabled", "renderFormItem", "render", "renderText"];

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

import React from 'react';
import { omit } from 'lodash';
import FormItem from './FormItem';

function FormTool(_ref) {
  var action = _ref.action,
      items = _ref.items,
      className = _ref.className,
      children = _ref.children,
      rowProps = _objectWithoutProperties(_ref, _excluded);

  var isReadOnly = action === 'readonly';
  return /*#__PURE__*/React.createElement(_Row, _extends({
    gutter: {
      xs: 8,
      sm: 16,
      md: 24,
      lg: 32
    },
    className: className
  }, rowProps), items === null || items === void 0 ? void 0 : items.map(function (child) {
    var _omit = omit(child, ['syncToQuery']),
        componentType = _omit.type,
        _omit$show = _omit.show,
        show = _omit$show === void 0 ? true : _omit$show,
        fieldProps = _omit.fieldProps,
        colProps = _omit.colProps,
        disabled = _omit.disabled,
        renderFormItem = _omit.renderFormItem,
        render = _omit.render,
        renderText = _omit.renderText,
        formItemProps = _objectWithoutProperties(_omit, _excluded2);

    var _ref2 = formItemProps || {},
        name = _ref2.name;

    return /*#__PURE__*/React.createElement(_Col, _extends({
      key: "".concat(name, "_").concat(componentType)
    }, colProps), /*#__PURE__*/React.createElement(_Form.Item, {
      noStyle: true,
      shouldUpdate: true
    }, function (fm) {
      var _disabled;

      var visible = typeof show === 'function' ? show(fm, action) : show;
      if (!visible) return null;
      var record = fm.getFieldsValue(true) || {};
      var text = record["".concat(name)];
      if (isReadOnly && renderText) return renderText(text, record, fm);
      if (componentType === 'Customize') return render ? render === null || render === void 0 ? void 0 : render(fm, action, formItemProps) : /*#__PURE__*/React.createElement(_Form.Item, formItemProps, renderFormItem === null || renderFormItem === void 0 ? void 0 : renderFormItem(fm, action));

      var itemFieldProps = _objectSpread({
        disabled: (_disabled = disabled === null || disabled === void 0 ? void 0 : disabled(action)) !== null && _disabled !== void 0 ? _disabled : isReadOnly
      }, fieldProps);

      return /*#__PURE__*/React.createElement(FormItem, _extends({
        type: componentType,
        fieldProps: itemFieldProps
      }, formItemProps));
    }));
  }), children);
}

export default FormTool;