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

基于 Antd 4 的组件封装

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
require("antd/es/form/style");
var _form = _interopRequireDefault(require("antd/es/form"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _react = _interopRequireDefault(require("react"));
var _excluded = ["model", "itemRender"];
var RenderDependent = function RenderDependent(_ref) {
  var model = _ref.model,
    itemRender = _ref.itemRender,
    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
  return /*#__PURE__*/_react["default"].createElement(_form["default"].Item, (0, _extends2["default"])({}, props, {
    noStyle: true,
    shouldUpdate: function shouldUpdate(prevValues, currentValues) {
      return prevValues[model.dependencies.key] !== currentValues[model.dependencies.key];
    }
  }), function (_ref2) {
    var getFieldValue = _ref2.getFieldValue;
    var val = getFieldValue(model.dependencies.key);
    var mVal = model.dependencies.val;
    if (Object.prototype.toString.call(mVal) === '[object Function]' && mVal(val) || Array.isArray(mVal) && mVal.includes(val) || mVal === val) {
      if (Object.prototype.toString.call(model.items) === '[object Function]') {
        return itemRender(model.items(val));
      }
      return itemRender(model.items || []);
    }
    return null;
  });
};
var _default = RenderDependent;
exports["default"] = _default;