form 自动滚动到出错项

[yiminghe]

http://react-component.github.io/form/examples/overview.html

function addScrollToValidate(validateFields) {
  return (...args) => {
    const originalCallback = args[args.length - 1];

    function newCb(error, values) {
      if (error) {
        for (const name in error) {
          if (error.hasOwnProperty(name) && error[name].instance) {
            scrollIntoView(ReactDOM.findDOMNode(error[name].instance), window, {
              onlyScrollIfNeeded: true,
            });
            break;
          }
        }
      }
      if (typeof originalCallback === 'function') {
        originalCallback(error, values);
      }
    }

    if (typeof originalCallback === 'function') {
      args[args.length - 1] = newCb;
    } else {
      args.push(newCb);
    }
    validateFields.apply(null, args);
  };
}

@createForm({
  refComponent: true,
  mapProps(props) {
    if (!this.__scrollAndValidate) {
      this.__scrollAndValidate = addScrollToValidate(props.form.validateFields);
    }
    return {
      ...props,
      scrollAndValidate: this.__scrollAndValidate,
    };
  },

滚动到 submit 点击，自动滚动到 user 处, 封装 validateFields

[benjycui]

这个发到 1.0.0？ @yiminghe @afc163

[yiminghe]

改动比较小，下个版本吧

[benjycui]

0.12.2？

[lock]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.