mobile-more/lib/components/BizField/index.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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _TextField = _interopRequireDefault(require("./TextField"));
var _ImageField = _interopRequireDefault(require("./ImageField"));
var _MoneyField = _interopRequireDefault(require("./MoneyField"));
var _DateField = _interopRequireDefault(require("./DateField"));
var _IndexField = _interopRequireDefault(require("./IndexField"));
var _PercentField = _interopRequireDefault(require("./PercentField"));
var _ProgressField = _interopRequireDefault(require("./ProgressField"));
var _ColorField = _interopRequireDefault(require("./ColorField"));
var _EnumField = _interopRequireDefault(require("./EnumField"));
var _utils = require("./utils");
require("./index.css");
var _excluded = ["value", "formatValue", "valueType", "valueEnum"];
var BizField = function BizField(props) {
  var value = props.value,
    formatValue = props.formatValue,
    valueType = props.valueType,
    valueEnum = props.valueEnum,
    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
  var fmtValue = typeof formatValue === 'function' ? formatValue(value) : value;
  if (valueType === 'text') {
    return /*#__PURE__*/_react.default.createElement(_TextField.default, (0, _extends2.default)({
      value: fmtValue
    }, restProps));
  }
  if (valueType === 'money') {
    return /*#__PURE__*/_react.default.createElement(_MoneyField.default, (0, _extends2.default)({
      value: fmtValue
    }, restProps));
  }
  if (valueType === 'image') {
    return /*#__PURE__*/_react.default.createElement(_ImageField.default, (0, _extends2.default)({
      value: fmtValue
    }, restProps));
  }
  if ((0, _utils.isDateFieldType)(valueType)) {
    return /*#__PURE__*/_react.default.createElement(_DateField.default, (0, _extends2.default)({
      value: fmtValue
    }, restProps, {
      type: valueType
    }));
  }
  if (valueType === 'index' || valueType === 'indexBorder') {
    return /*#__PURE__*/_react.default.createElement(_IndexField.default, (0, _extends2.default)({
      value: fmtValue + 1
    }, restProps, {
      bordered: valueType === 'indexBorder'
    }));
  }
  if (valueType === 'percent') {
    return /*#__PURE__*/_react.default.createElement(_PercentField.default, (0, _extends2.default)({
      value: fmtValue
    }, restProps));
  }
  if (valueType === 'progress') {
    return /*#__PURE__*/_react.default.createElement(_ProgressField.default, (0, _extends2.default)({
      value: fmtValue
    }, restProps));
  }
  if (valueType === 'enum' || valueType === 'enumTag') {
    return /*#__PURE__*/_react.default.createElement(_EnumField.default, (0, _extends2.default)({
      value: fmtValue,
      valueEnum: valueEnum
    }, restProps, {
      type: valueType
    }));
  }
  if (valueType === 'color') {
    return /*#__PURE__*/_react.default.createElement(_ColorField.default, (0, _extends2.default)({
      value: fmtValue
    }, restProps));
  }
  return typeof fmtValue === 'undefined' ? null : fmtValue;
};
var _default = exports.default = BizField;