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

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

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Message;

var _react = require("react");

var _components = require("@tarojs/components");

var _jsxRuntime = require("react/jsx-runtime");

function Message(props) {
  var status = props.status,
      message = props.message,
      _props$feedback = props.feedback,
      feedback = _props$feedback === void 0 ? 'failed' : _props$feedback;
  var config = (0, _react.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__*/(0, _jsxRuntime.jsx)(_components.View, {
    className: "vant-form-message ".concat(config.ifShow ? "vant-form-message-show" : ''),
    style: {
      color: config.color
    },
    children: config.mess
  });
}