@orca-fe/antd-plus/lib/form-item-mapping/FormItemMappingValue.js

Transformer Container

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.FormItemMappingValue = FormItemMappingValue;
exports.default = void 0;
var _ahooks = require("ahooks");
var _react = require("react");
var _FormItemMapping = _interopRequireDefault(require("./FormItemMapping"));
var _PassPropsElement = require("./PassPropsElement");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); } // 前缀，尽量避免属性冲突
var triggerPrefix = 'form_item_mapping_trigger_prefix';
// 将 props 上的属性转换为对象
var ObjectValueTransfer = function ObjectValueTransfer(props) {
  var valueMapping = props.valueMapping,
    children = props.children,
    _props$trigger = props.trigger,
    trigger = _props$trigger === void 0 ? 'onChange' : _props$trigger,
    _props$valuePropName = props.valuePropName,
    valuePropName = _props$valuePropName === void 0 ? 'value' : _props$valuePropName;
  var propsFromParent = (0, _react.useContext)(_PassPropsElement.PassPropsContext);

  // 从 propsFromParent 中获取属性
  var value = (0, _react.useMemo)(function () {
    var value = {};
    Object.keys(valueMapping).forEach(function (key) {
      // eslint-disable-next-line react/destructuring-assignment
      value[key] = propsFromParent[key];
    });
    return value;
  }, [propsFromParent, valueMapping]);
  var handleChange = (0, _ahooks.useMemoizedFn)(function (v) {
    var getValue = function getValue(key) {
      if (!!v && _typeof(v) === 'object') {
        return v[key];
      }
      return undefined;
    };
    Object.keys(valueMapping).forEach(function (key) {
      var oldValue = value[key];
      var newValue = getValue(key);
      var fn = propsFromParent["".concat(triggerPrefix, "_").concat(key)];
      if (oldValue !== newValue && typeof fn === 'function') {
        fn(newValue);
      }
    });
    if ( /*#__PURE__*/(0, _react.isValidElement)(children)) {
      var _children$props;
      var originOnChange = (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props[trigger];
      if (typeof originOnChange === 'function') originOnChange(v);
    }
  });
  return /*#__PURE__*/(0, _react.isValidElement)(children) ? ( /*#__PURE__*/(0, _react.cloneElement)(children, _defineProperty(_defineProperty({}, valuePropName, value), trigger, handleChange))) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
    children: null
  });
};
function FormItemMappingValue(props) {
  var valueMapping = props.valueMapping,
    children = props.children,
    valuePropName = props.valuePropName,
    trigger = props.trigger;

  // 根据 valueMapping 自动生成事件
  var triggerMapping = (0, _react.useMemo)(function () {
    var triggerMapping = {};
    Object.keys(valueMapping).forEach(function (key) {
      triggerMapping["".concat(triggerPrefix, "_").concat(key)] = valueMapping[key];
    });
    return triggerMapping;
  }, [valueMapping]);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormItemMapping.default, {
    valueMapping: valueMapping,
    triggerMapping: triggerMapping,
    inject: false,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ObjectValueTransfer, {
      valueMapping: valueMapping,
      trigger: trigger,
      valuePropName: valuePropName,
      children: children
    })
  });
}
var _default = exports.default = FormItemMappingValue;