tfp/lib/components/iconpicker/render.js

A Web UI framework for TaskBuilder

"use strict";

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

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

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

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

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

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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _render = _interopRequireDefault(require("../render.js"));

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { 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); }; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

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

  var _super = _createSuper(IconPickerRender);

  function IconPickerRender(__tfp, _dataModel, _level) {
    var _this;

    (0, _classCallCheck2["default"])(this, IconPickerRender);
    _this = _super.call(this, __tfp, _dataModel, _level);
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getBodyHtml", function (getComponentsHtml) {
      var html = "\r\n";
      var indent = this.getHtmlIndent();
      var bgColor = '#ffffff';
      var size = parseInt(this.dataModel.size);
      if (this.dataModel.value && this.dataModel.value.type == 'iconfont') bgColor = this.dataModel.value.bgColor;

      if (this.dataModel.showChooseBtn) {
        html += indent + "  <button class='tfp-iconpicker-choose'>选择</button>\r\n";
      }

      if (size < 64) {
        html += indent + "  <div class='tfp-iconpicker-image' style='background-color:" + bgColor + "; width:" + size + "px; height:" + size + "px; margin-left: calc(50% - " + size / 2 + "px);'>\r\n";
      } else {
        html += indent + "  <div class='tfp-iconpicker-image' style='background-color:" + bgColor + "; width:" + size + "px; height:" + size + "px;'>\r\n";
      }

      if (this.dataModel.value) {
        if (this.dataModel.value.type == "iconfont") {
          html += indent + '    <span class="' + this.dataModel.value["class"] + '" style="font-size: calc(' + size + 'px / 1.3); color:' + this.dataModel.value.color + '"></span>\r\n';
        } else {
          html += indent + '    <img src="' + this.dataModel.value.url + '" style="width:' + size + 'px; height:' + size + 'px;"></img>\r\n';
        }
      } else {
        var imgUrl = this._tfp.rootPath + "/src/components/iconpicker/images/default-icon.png";
        html += indent + '    <img src="' + imgUrl + '" style="width:' + size / 1.3 + 'px; height:' + size / 1.3 + 'px;"></img>\r\n';
      }

      html += indent + "  </div>\r\n";
      return html + indent;
    });
    return _this;
  }

  (0, _createClass2["default"])(IconPickerRender, [{
    key: "getHtml",
    value: function getHtml(getComponentsHtml, parentIndent, retainStyleAttr) {
      return (0, _get2["default"])((0, _getPrototypeOf2["default"])(IconPickerRender.prototype), "getHtml", this).call(this, "div", false, parentIndent, retainStyleAttr);
    }
  }]);
  return IconPickerRender;
}(_render["default"]);

exports["default"] = IconPickerRender;