choerodon-ui/pro/lib/output/Output.js

An enterprise-class UI design language and React-based implementation

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _tslib = require("tslib");

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

var _mobxReact = require("mobx-react");

var _mobx = require("mobx");

var _isPlainObject = _interopRequireDefault(require("lodash/isPlainObject"));

var _isNil = _interopRequireDefault(require("lodash/isNil"));

var _omit = _interopRequireDefault(require("lodash/omit"));

var _configure = require("../../../lib/configure");

var _FormField2 = require("../field/FormField");

var _autobind = _interopRequireDefault(require("../_util/autobind"));

var _enum = require("../data-set/enum");

var _CheckBox = _interopRequireDefault(require("../check-box/CheckBox"));

var _utils = require("../data-set/utils");

var _isEmpty = _interopRequireDefault(require("../_util/isEmpty"));

function _createSuper(Derived) {
  function isNativeReflectConstruct() {
    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
    if (Reflect.construct.sham) return false;
    if (typeof Proxy === "function") return true;

    try {
      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
      return true;
    } catch (e) {
      return false;
    }
  }

  return function () {
    var Super = (0, _getPrototypeOf2["default"])(Derived),
        result;

    if (isNativeReflectConstruct()) {
      var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
      result = Reflect.construct(Super, arguments, NewTarget);
    } else {
      result = Super.apply(this, arguments);
    }

    return (0, _possibleConstructorReturn2["default"])(this, result);
  };
}

var Output =
/*#__PURE__*/
function (_FormField) {
  (0, _inherits2["default"])(Output, _FormField);

  var _super = _createSuper(Output);

  function Output() {
    (0, _classCallCheck2["default"])(this, Output);
    return _super.apply(this, arguments);
  }

  (0, _createClass2["default"])(Output, [{
    key: "useFocusedClassName",
    value: function useFocusedClassName() {
      return false;
    }
  }, {
    key: "handleChange",
    value: function handleChange() {}
  }, {
    key: "getOtherProps",
    value: function getOtherProps() {
      return (0, _omit["default"])((0, _get2["default"])((0, _getPrototypeOf2["default"])(Output.prototype), "getOtherProps", this).call(this), ['name']);
    }
  }, {
    key: "getValueKey",
    value: function getValueKey(value) {
      if ((0, _mobx.isArrayLike)(value)) {
        return value.map(this.getValueKey, this).join(',');
      }

      return this.processValue(value);
    }
  }, {
    key: "processValue",
    value: function processValue(value) {
      if (!(0, _isNil["default"])(value)) {
        var text = (0, _isPlainObject["default"])(value) ? value : (0, _get2["default"])((0, _getPrototypeOf2["default"])(Output.prototype), "processValue", this).call(this, value);
        var field = this.field,
            lang = this.lang;

        if (field) {
          return (0, _utils.processFieldValue)(text, field, lang, true);
        }

        return text;
      }

      return '';
    }
  }, {
    key: "defaultRenderer",
    value: function defaultRenderer(_ref) {
      var value = _ref.value,
          text = _ref.text,
          repeat = _ref.repeat,
          maxTagTextLength = _ref.maxTagTextLength;
      var field = this.field;

      if (field && field.type === _enum.FieldType["boolean"]) {
        return _react["default"].createElement(_CheckBox["default"], {
          disabled: true,
          checked: value === field.get(_enum.BooleanValue.trueValue)
        });
      }

      var result = (0, _get2["default"])((0, _getPrototypeOf2["default"])(Output.prototype), "defaultRenderer", this).call(this, {
        text: text,
        repeat: repeat,
        maxTagTextLength: maxTagTextLength
      });
      return (0, _isEmpty["default"])(result) ? (0, _configure.getConfig)('renderEmpty')('Output') : result;
    }
  }, {
    key: "getRenderedValue",
    value: function getRenderedValue() {
      var multiple = this.multiple,
          range = this.range,
          multiLine = this.multiLine,
          currency = this.currency;

      if (multiple) {
        return this.renderMultipleValues(true);
      }

      if (range) {
        return this.renderRangeValue(true);
      }
      /**
       * 多行单元格渲染
       */


      if (multiLine) {
        return this.renderMultiLine(true);
      }
      /**
       * 货币渲染
       */


      if (currency) {
        return this.renderCurrency(true);
      }

      return this.getTextNode() === '' ? (0, _configure.getConfig)('tableDefaultRenderer') : this.getTextNode();
    }
  }, {
    key: "renderWrapper",
    value: function renderWrapper() {
      return _react["default"].createElement("span", (0, _extends2["default"])({}, this.getMergedProps()), this.getRenderedValue());
    }
  }, {
    key: "editable",
    get: function get() {
      return false;
    }
  }]);
  return Output;
}(_FormField2.FormField);

Output.displayName = 'Output';
Output.defaultProps = (0, _objectSpread2["default"])({}, _FormField2.FormField.defaultProps, {
  suffixCls: 'output'
});
(0, _tslib.__decorate)([_mobx.computed], Output.prototype, "editable", null);
(0, _tslib.__decorate)([_autobind["default"]], Output.prototype, "handleChange", null);
(0, _tslib.__decorate)([_autobind["default"]], Output.prototype, "defaultRenderer", null);
Output = (0, _tslib.__decorate)([_mobxReact.observer], Output);
var _default = Output;
exports["default"] = _default;
//# sourceMappingURL=Output.js.map