@rc-component/form/lib/~useWatch.js

React Form Component

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
exports.stringify = stringify;
var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
var _FieldContext = _interopRequireWildcard(require("./FieldContext"));
var _react = require("react");
var _valueUtil = require("./utils/valueUtil");
var _typeUtil = require("./utils/typeUtil");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function stringify(value) {
  try {
    return JSON.stringify(value);
  } catch (err) {
    return Math.random();
  }
}
const useWatchWarning = process.env.NODE_ENV !== 'production' ? namePath => {
  const fullyStr = namePath.join('__RC_FIELD_FORM_SPLIT__');
  const nameStrRef = (0, _react.useRef)(fullyStr);
  (0, _warning.default)(nameStrRef.current === fullyStr, '`useWatch` is not support dynamic `namePath`. Please provide static instead.');
} : () => {};
function useWatch(...args) {
  const [dependencies = [], _form = {}] = args;
  const options = (0, _typeUtil.isFormInstance)(_form) ? {
    form: _form
  } : _form;
  const form = options.form;
  const [value, setValue] = (0, _react.useState)();
  const valueStr = (0, _react.useMemo)(() => stringify(value), [value]);
  const valueStrRef = (0, _react.useRef)(valueStr);
  valueStrRef.current = valueStr;
  const fieldContext = (0, _react.useContext)(_FieldContext.default);
  const formInstance = form || fieldContext;
  const isValidForm = formInstance && formInstance._init;

  // Warning if not exist form instance
  if (process.env.NODE_ENV !== 'production') {
    (0, _warning.default)(args.length === 2 ? form ? isValidForm : true : isValidForm, 'useWatch requires a form instance since it can not auto detect from context.');
  }
  const namePath = (0, _valueUtil.getNamePath)(dependencies);
  const namePathRef = (0, _react.useRef)(namePath);
  namePathRef.current = namePath;
  useWatchWarning(namePath);
  (0, _react.useEffect)(() => {
    // Skip if not exist form instance
    if (!isValidForm) {
      return;
    }
    const {
      getFieldsValue,
      getInternalHooks
    } = formInstance;
    const {
      registerWatch
    } = getInternalHooks(_FieldContext.HOOK_MARK);
    const cancelRegister = registerWatch((values, allValues) => {
      const newValue = (0, _valueUtil.getValue)(options.preserve ? allValues : values, namePathRef.current);
      const nextValueStr = stringify(newValue);

      // Compare stringify in case it's nest object
      if (valueStrRef.current !== nextValueStr) {
        valueStrRef.current = nextValueStr;
        setValue(newValue);
      }
    });

    // TODO: We can improve this perf in future
    const initialValue = (0, _valueUtil.getValue)(options.preserve ? getFieldsValue(true) : getFieldsValue(), namePathRef.current);
    setValue(initialValue);
    return cancelRegister;
  },
  // We do not need re-register since namePath content is the same
  // eslint-disable-next-line react-hooks/exhaustive-deps
  [isValidForm]);
  return value;
}
var _default = exports.default = useWatch;