mobile-more/lib/components/BizField/TextField.js

基于 antd-mobile v5 扩展移动端 UI 组件

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _ut = require("ut2");
var _classnames = _interopRequireDefault(require("classnames"));
var _config = require("../../config");
var _excluded = ["value", "defaultValue", "color", "size", "prefix", "suffix", "whitespaceLineBreak", "className", "style"];
var prefixCls = "".concat(_config.fieldPrefixClass, "-text");
var TextField = function TextField(_ref) {
  var value = _ref.value,
    _ref$defaultValue = _ref.defaultValue,
    defaultValue = _ref$defaultValue === void 0 ? '-' : _ref$defaultValue,
    color = _ref.color,
    size = _ref.size,
    prefix = _ref.prefix,
    suffix = _ref.suffix,
    _ref$whitespaceLineBr = _ref.whitespaceLineBreak,
    whitespaceLineBreak = _ref$whitespaceLineBr === void 0 ? false : _ref$whitespaceLineBr,
    className = _ref.className,
    style = _ref.style,
    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  var valueIsEmpty = (0, _ut.isNil)(value) || value === '';
  var view = !valueIsEmpty && typeof value === 'string' && whitespaceLineBreak ? /*#__PURE__*/_react.default.createElement("span", {
    dangerouslySetInnerHTML: {
      __html: value.replace(/\s+/g, '<br/>')
    }
  }) : value;
  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
    className: (0, _classnames.default)(prefixCls, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-empty"), valueIsEmpty), className),
    style: color || !(0, _ut.isUndefined)(size) ? (0, _objectSpread2.default)({
      color: color,
      fontSize: size
    }, style) : style
  }, restProps), valueIsEmpty ? defaultValue : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, prefix, view, suffix));
};
var _default = exports.default = TextField;