tdesign-react/cjs/form/hooks/useWatch.js

TDesign Component for React

/**
 * tdesign v1.16.6
 * (c) 2026 tdesign
 * @license MIT
 */

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var slicedToArray = require('../../_chunks/dep-3281986a.js');
var React = require('react');
var _util_noop = require('../../_util/noop.js');
var form_hooks_useForm = require('./useForm.js');
var get = require('../../_chunks/dep-d1f369bc.js');
var isEqual = require('../../_chunks/dep-a96a03f6.js');
require('../../_chunks/dep-54373955.js');
require('../../_chunks/dep-ef5bfcf1.js');
require('../../_chunks/dep-33be2db8.js');
require('../../_chunks/dep-989c8b4a.js');
require('../../_chunks/dep-5eada4cb.js');
require('../../_chunks/dep-1f6c39e3.js');
require('../../_chunks/dep-90a93885.js');
require('../../_chunks/dep-ed99b2c6.js');
require('../../_chunks/dep-adec3cbe.js');
require('../../_chunks/dep-a8d5081a.js');
require('../../_chunks/dep-4748ebeb.js');
require('../../_chunks/dep-615c149d.js');
require('../../_chunks/dep-0173c82c.js');
require('../../_chunks/dep-8663a5c9.js');
require('../../_chunks/dep-50349518.js');
require('../../_chunks/dep-8c9795f9.js');
require('../../_chunks/dep-723e29d6.js');
require('../../_chunks/dep-0bd8b970.js');
require('../../_chunks/dep-d7d7df54.js');
require('../../_chunks/dep-e0d43c80.js');
require('../../_chunks/dep-9d3b1a05.js');
require('../../_chunks/dep-1f8c969d.js');
require('../../_chunks/dep-403f5edf.js');
require('../../_chunks/dep-d24b94bc.js');
require('../../_chunks/dep-6478e7e3.js');
require('../../_chunks/dep-c9025587.js');
require('../../_chunks/dep-18c47660.js');
require('../../_chunks/dep-91b467dd.js');
require('../../_chunks/dep-18ca5cd9.js');
require('../../_chunks/dep-3facd669.js');
require('../../_chunks/dep-0652d2a6.js');

function useWatch(name, form) {
  var _useState = React.useState(),
    _useState2 = slicedToArray._slicedToArray(_useState, 2),
    value = _useState2[0],
    setValue = _useState2[1];
  var isValidForm = form && form._init;
  React.useEffect(function () {
    var _form$getInternalHook3, _form$getFieldsValue2;
    if (!isValidForm) return;
    var _form$getInternalHook = (_form$getInternalHook3 = form.getInternalHooks) === null || _form$getInternalHook3 === void 0 ? void 0 : _form$getInternalHook3.call(form, form_hooks_useForm.HOOK_MARK),
      _form$getInternalHook2 = _form$getInternalHook.registerWatch,
      registerWatch = _form$getInternalHook2 === void 0 ? _util_noop["default"] : _form$getInternalHook2;
    var cancelRegister = registerWatch(function () {
      var _form$getFieldsValue;
      var allFieldsValue2 = (_form$getFieldsValue = form.getFieldsValue) === null || _form$getFieldsValue === void 0 ? void 0 : _form$getFieldsValue.call(form, true);
      var newValue = get.get(allFieldsValue2, name);
      if (!isEqual.isEqual(value, newValue)) {
        setValue(newValue);
      }
    });
    var allFieldsValue = (_form$getFieldsValue2 = form.getFieldsValue) === null || _form$getFieldsValue2 === void 0 ? void 0 : _form$getFieldsValue2.call(form, true);
    var initialValue = get.get(allFieldsValue, name);
    setValue(initialValue);
    return cancelRegister;
  }, []);
  return value;
}

exports["default"] = useWatch;
//# sourceMappingURL=useWatch.js.map