@aliretail/react-materials-components/lib/FormComponents/PreviewText.js

B 端物料组件库

"use strict";

exports.__esModule = true;
exports.PreviewText = void 0;

var _react = _interopRequireWildcard(require("react"));

var _shared = require("@formily/shared");

var _context = require("@formily/react-shared-components/lib/context");

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

var PreviewText = function PreviewText(props) {
  var context = (0, _react.useContext)(_context.PreviewTextContext) || {};
  var value; // 处理 dataSource

  if (props.dataSource && props.dataSource.length) {
    // value 是数组
    if (Array.isArray(props.value)) {
      value = props.value.map(function (val, index) {
        var findValue = props.dataSource.find(function (item) {
          return (0, _shared.isEqual)(item.value, val);
        });

        if (findValue) {
          return /*#__PURE__*/_react["default"].createElement("span", {
            key: index
          }, findValue.label, index < props.value.length - 1 ? ' ,' : '');
        }

        return null;
      });
    } else {
      var findValue = props.dataSource.find(function (item) {
        return (0, _shared.isEqual)(item.value, props.value);
      });

      if (findValue) {
        value = findValue.label;
      }
    } // 未传入任何 dataSource

  } else if (Array.isArray(props.value)) {
    value = props.value.map(function (val, index) {
      return /*#__PURE__*/_react["default"].createElement("span", {
        key: index
      }, val, index < props.value.length - 1 ? '~' : '');
    });
  } else {
    value = String(props.value === undefined || props.value === null ? '' : props.value);
  }

  var placeholder = (0, _shared.isFn)(context.previewPlaceholder) ? context.previewPlaceholder(props) : context.previewPlaceholder;
  return /*#__PURE__*/_react["default"].createElement("p", {
    style: {
      padding: 0,
      margin: 0
    },
    className: "aliretail-preview-text " + (props.className || '')
  }, props.addonBefore ? props.addonBefore : '', props.innerBefore ? props.innerBefore : '', props.addonTextBefore ? props.addonTextBefore : '', value === '' || value === undefined || Array.isArray(value) && value.length === 0 ? placeholder || '-' : value, props.addonTextAfter ? props.addonTextAfter : '', props.innerAfter ? props.innerAfter : '', props.addonAfter ? props.addonAfter : '');
};

exports.PreviewText = PreviewText;
PreviewText.ConfigProvider = _context.PreviewTextContext.Provider;