ming-demo3/lib/components/meta/TableControl.js

mdf metaui web

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

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

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

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

var _baseui = require("@mdf/baseui");

var _SvgIcon = _interopRequireDefault(require("@mdf/metaui-web/lib/components/common/SvgIcon"));

var _env = _interopRequireDefault(require("../../helpers/env"));

var Table = null;

var TableControl = function (_Component) {
  (0, _inherits2["default"])(TableControl, _Component);

  function TableControl(props) {
    var _this;

    (0, _classCallCheck2["default"])(this, TableControl);
    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TableControl).call(this, props));
    Table = _env["default"].INTERACTIVE_MODE === 'touch' ? require('../grid-touch')["default"] : require('../basic/table')["default"];
    var meta = props.meta,
        viewModel = props.viewModel;
    var columns = {};

    if (meta.controls) {
      var _viewModel$getParams = viewModel.getParams(),
          billNo = _viewModel$getParams.billNo;

      meta.controls.forEach(function (column) {
        column.index = "".concat(billNo, "|").concat(meta.cGroupCode, "|").concat(column.cItemName);
        columns[column.cItemName] = column;
      });
    }

    _this.__isElectronic = window.__isElectronic;
    var controlModel = viewModel.get(meta.childrenField);
    _this.state = {
      icon: meta.cImage,
      caption: meta.cName,
      model: controlModel,
      columns: columns
    };
    return _this;
  }

  (0, _createClass2["default"])(TableControl, [{
    key: "render",
    value: function render() {
      var _this$state = this.state,
          icon = _this$state.icon,
          caption = _this$state.caption,
          model = _this$state.model,
          columns = _this$state.columns;
      var width = this.props.width - 2;

      var iconControl = _react["default"].createElement(_SvgIcon["default"], {
        type: icon
      });

      var rowHeight = 45;
      if (this.__isElectronic) rowHeight = 30;
      return _react["default"].createElement(_baseui.Row, null, _react["default"].createElement(_baseui.Row, {
        className: "caption-title"
      }, iconControl, _react["default"].createElement("h3", null, caption)), _react["default"].createElement(Table, {
        width: width,
        model: model,
        columns: columns,
        footerHeight: 50,
        rowHeight: rowHeight,
        widthMode: "percent",
        emptyIcon: "huanxingtu"
      }));
    }
  }]);
  return TableControl;
}(_react.Component);

exports["default"] = TableControl;
//# sourceMappingURL=TableControl.js.map