vantui-edit/es/form-item/message.js

一套适用于Taro3及React的vantui组件库

import { useMemo } from 'react';
import { View } from '@tarojs/components';
import { jsx as _jsx } from "react/jsx-runtime";
export default function Message(props) {
  var status = props.status,
      message = props.message,
      _props$feedback = props.feedback,
      feedback = _props$feedback === void 0 ? 'failed' : _props$feedback;
  var config = useMemo(function () {
    var mess = '';
    var color = '#fff';
    var ifShow = true;

    if (status === 'reject' && (feedback === 'failed' || feedback === 'all')) {
      mess = message || '';
      color = 'red';
    } else if (status === 'pendding') {
      mess = '';
    } else if (status === 'resolve' && (feedback === 'success' || feedback === 'all')) {
      mess = '校验通过';
      color = 'green';
    }

    if (feedback === 'success' && status === 'resolve') {
      ifShow = true;
    } else if (feedback === 'failed' && status === 'reject') {
      ifShow = true;
    } else ifShow = false;

    if (feedback === 'all') ifShow = true;
    if (feedback === 'hidden') ifShow = false;
    return {
      color: color,
      mess: mess,
      ifShow: ifShow
    };
  }, [status, message, feedback]);
  return /*#__PURE__*/_jsx(View, {
    className: "vant-form-message ".concat(config.ifShow ? "vant-form-message-show" : ''),
    style: {
      color: config.color
    },
    children: config.mess
  });
}