tplus-pos/dist/viewModels/FeedBackModal.js

pos module

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _defineProperty = require('babel-runtime/core-js/object/define-property');

var _defineProperty2 = _interopRequireDefault(_defineProperty);

var _getOwnPropertyDescriptor = require('babel-runtime/core-js/object/get-own-property-descriptor');

var _getOwnPropertyDescriptor2 = _interopRequireDefault(_getOwnPropertyDescriptor);

var _regenerator = require('babel-runtime/regenerator');

var _regenerator2 = _interopRequireDefault(_regenerator);

var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');

var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _desc, _value, _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8, _descriptor9;

var _mobx = require('mobx');

var _mutantsAppfx = require('mutants-appfx');

var _FeedBackConst = require('./FeedBackConst');

var _isArray2 = require('lodash/isArray');

var _isArray3 = _interopRequireDefault(_isArray2);

var _forOwn2 = require('lodash/forOwn');

var _forOwn3 = _interopRequireDefault(_forOwn2);

var _filter2 = require('lodash/filter');

var _filter3 = _interopRequireDefault(_filter2);

var _fixedViewInfo = require('../fixedViewInfo');

var _tplusComponentsTouch = require('tplus-components-touch');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _initDefineProp(target, property, descriptor, context) {
  if (!descriptor) return;
  (0, _defineProperty2.default)(target, property, {
    enumerable: descriptor.enumerable,
    configurable: descriptor.configurable,
    writable: descriptor.writable,
    value: descriptor.initializer ? descriptor.initializer.call(context) : void 0
  });
}

function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {
  var desc = {};
  Object['ke' + 'ys'](descriptor).forEach(function (key) {
    desc[key] = descriptor[key];
  });
  desc.enumerable = !!desc.enumerable;
  desc.configurable = !!desc.configurable;

  if ('value' in desc || desc.initializer) {
    desc.writable = true;
  }

  desc = decorators.slice().reverse().reduce(function (desc, decorator) {
    return decorator(target, property, desc) || desc;
  }, desc);

  if (context && desc.initializer !== void 0) {
    desc.value = desc.initializer ? desc.initializer.call(context) : void 0;
    desc.initializer = undefined;
  }

  if (desc.initializer === void 0) {
    Object['define' + 'Property'](target, property, desc);
    desc = null;
  }

  return desc;
}

function _initializerWarningHelper(descriptor, context) {
  throw new Error('Decorating class property failed. Please ensure that transform-class-properties is enabled.');
}

var FeedBackModal = (_class = function (_ViewBase) {
  (0, _inherits3.default)(FeedBackModal, _ViewBase);
  (0, _createClass3.default)(FeedBackModal, [{
    key: 'type',
    get: function get() {
      return 'FeedBackModal';
    }
  }]);

  function FeedBackModal(store, name) {
    (0, _classCallCheck3.default)(this, FeedBackModal);

    var _this = (0, _possibleConstructorReturn3.default)(this, (FeedBackModal.__proto__ || (0, _getPrototypeOf2.default)(FeedBackModal)).call(this, store, name));

    _initDefineProp(_this, 'visible', _descriptor, _this);

    _initDefineProp(_this, 'formData', _descriptor2, _this);

    _this.cancelable = false;
    _this.title = '';
    _this.content = '';
    _this.dataSource = [];
    _this.columns = [];
    _this.modalType = '';
    _this.feedbackType = '';
    _this.okButtonTitle = '确定';

    _initDefineProp(_this, 'inputForm', _descriptor3, _this);

    _initDefineProp(_this, 'changeValue', _descriptor4, _this);

    _initDefineProp(_this, 'okFun', _descriptor5, _this);

    _initDefineProp(_this, 'ok', _descriptor6, _this);

    _initDefineProp(_this, 'cancel', _descriptor7, _this);

    _initDefineProp(_this, 'show', _descriptor8, _this);

    _initDefineProp(_this, 'hide', _descriptor9, _this);

    return _this;
  }

  (0, _createClass3.default)(FeedBackModal, [{
    key: '_checkDetails',


    //检查传入的detail参数是否正确
    value: function _checkDetails() {
      var _this2 = this;

      if (this.dataSource.length == 0) {
        return true;
      }
      (0, _forOwn3.default)(this.dataSource[0], function (value, key) {
        if ((0, _filter3.default)(_this2.columns, function (column) {
          return key = column.dataIndex;
        }).length === 0) {
          console.warn('column ' + key + ' \u672A\u5B9A\u4E49');
          return false;
        }
      });
      return true;
    }

    //处理列 设置列宽

  }, {
    key: '_handleColumn',
    value: function _handleColumn(columns) {
      if (columns && columns.length > 0) {
        var fixedCount = 1; //固定列数
        var columnLength = columns.length;
        var columnWidth = void 0;
        if (columnLength <= 5) {
          columnWidth = this.tableWidth / columnLength;
        } else {
          columnWidth = 150;
          columns.forEach(function (el, index) {
            if (index < fixedCount) el.fixed = 'left';
          });
        }
        columns.forEach(function (column) {
          column.width = columnWidth;
        });
      }
    }
  }, {
    key: '_handleFeedbackType',
    value: function _handleFeedbackType(feedbackType) {

      //弹框是否有取消按钮
      this.feedbackType = feedbackType;
      switch (this.feedbackType) {
        case _FeedBackConst.FeedbackType.Forbidden:
          this.title = !this.title ? '禁止提示信息' : this.title;
          this.okButtonTitle = '确定';
          this.cancelable = false;
          break;
        case _FeedBackConst.FeedbackType.Confirm:
          this.title = !this.title ? '确认提示信息' : this.title;
          this.okButtonTitle = '继续';
          this.cancelable = true;
          break;
        case _FeedBackConst.FeedbackType.PwdAuth:
          this.title = !this.title ? '密码授权' : this.title;
          this.okButtonTitle = '确定';
          this.formData = {
            Data: (0, _fixedViewInfo.filterField)('PwdAuth')
          };
          this.cancelable = true;
          break;
        case _FeedBackConst.FeedbackType.OtherAuth:
          this.title = !this.title ? '其他用户授权' : this.title;
          this.okButtonTitle = '确定';
          this.formData = {
            Data: (0, _fixedViewInfo.filterField)('OtherAuth')
          };
          this.cancelable = true;
          break;
        default:
          break;
      }
    }

    //确定弹框类型

  }, {
    key: '_handleModalType',
    value: function _handleModalType(dataSource) {
      if (!!dataSource && (0, _isArray3.default)(dataSource) && dataSource.length > 0) {
        this.modalType = 'big';
      } else {
        this.modalType = 'mid';
      }
    }

    // @action
    // error=(checkData)=>{
    //   let mainData=this.formData.Data;
    //   mainData.forEach((el)=>{
    //     el.State='';
    //     el.Label='';
    //   })
    //   let opeObj=mainData.find((field)=>field.FieldName===checkData.FieldName);
    //   if(!opeObj){
    //     console.warn('form校验 错误信息不正确');
    //     return;
    //   }
    //   opeObj.State=checkData.State;
    //   opeObj.Label=checkData.Label;
    // }

  }, {
    key: 'reset',
    value: function reset() {
      this.formData = null;
    }
  }], [{
    key: 'fromJS',
    value: function fromJS(store, _ref) {
      var formData = _ref.TextBox;

      return new FeedBackModal(store, 'FeedBackModal', '');
    }
  }]);
  return FeedBackModal;
}(_mutantsAppfx.ViewBase), (_descriptor = _applyDecoratedDescriptor(_class.prototype, 'visible', [_mobx.observable], {
  enumerable: true,
  initializer: function initializer() {
    return false;
  }
}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, 'formData', [_mobx.observable], {
  enumerable: true,
  initializer: null
}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, 'inputForm', [_mobx.action], {
  enumerable: true,
  initializer: function initializer() {
    var _this3 = this;

    return function (_ref2, out) {
      var _ref2$feedbackType = _ref2.feedbackType,
          feedbackType = _ref2$feedbackType === undefined ? _FeedBackConst.FeedbackType.Confirm : _ref2$feedbackType,
          title = _ref2.title,
          _ref2$content = _ref2.content,
          content = _ref2$content === undefined ? '提示内容' : _ref2$content,
          _ref2$dataSource = _ref2.dataSource,
          dataSource = _ref2$dataSource === undefined ? [] : _ref2$dataSource,
          _ref2$columns = _ref2.columns,
          columns = _ref2$columns === undefined ? [] : _ref2$columns,
          check = _ref2.check;

      _this3.title = title;
      _this3.content = content;
      _this3.dataSource = (0, _mobx.toJS)(dataSource);
      _this3.columns = (0, _mobx.toJS)(columns);
      _this3.out = out;
      _this3.check = check;
      _this3.tableWidth = 758;
      if (_this3._checkDetails()) {
        _this3._handleColumn(columns);
        _this3._handleFeedbackType(feedbackType);
        _this3._handleModalType(dataSource);
        _this3.show();
      }
    };
  }
}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, 'changeValue', [_mobx.action], {
  enumerable: true,
  initializer: function initializer() {
    return function (field, value) {
      field.Value = value;
    };
  }
}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, 'okFun', [_mobx.action], {
  enumerable: true,
  initializer: function initializer() {
    var _this4 = this;

    return (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
      var outData, checkResult;
      return _regenerator2.default.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              if (!_this4.check) {
                _context.next = 17;
                break;
              }

              outData = {};

              if (!!_this4.formData && !!_this4.formData.Data) {
                _this4.formData.Data.forEach(function (el) {
                  outData[el.FieldName] = el.Value;
                });
              }
              _context.next = 5;
              return _this4.check(outData);

            case 5:
              checkResult = _context.sent;

              if (!checkResult) {
                _context.next = 15;
                break;
              }

              if (!checkResult.hasOwnProperty('Success')) {
                _context.next = 13;
                break;
              }

              if (checkResult.Success) {
                _context.next = 11;
                break;
              }

              _tplusComponentsTouch.Message.warn(checkResult.ErrorMsg);
              return _context.abrupt('return');

            case 11:
              _context.next = 15;
              break;

            case 13:
              _tplusComponentsTouch.Message.warn(checkResult);
              return _context.abrupt('return');

            case 15:
              _this4.out(true);
              _this4.hide();

            case 17:
            case 'end':
              return _context.stop();
          }
        }
      }, _callee, _this4);
    }));
  }
}), _descriptor6 = _applyDecoratedDescriptor(_class.prototype, 'ok', [_mobx.action], {
  enumerable: true,
  initializer: function initializer() {
    var _this5 = this;

    return function () {
      if (_FeedBackConst.FeedbackType.Forbidden === _this5.feedbackType) {
        //如果类型是禁止的话  点击确定后，直接回调cancel事件
        _this5.cancel();
        return;
      }
      _this5.okFun();
    };
  }
}), _descriptor7 = _applyDecoratedDescriptor(_class.prototype, 'cancel', [_mobx.action], {
  enumerable: true,
  initializer: function initializer() {
    var _this6 = this;

    return function () {
      _this6.out(false);
      _this6.hide();
    };
  }
}), _applyDecoratedDescriptor(_class.prototype, 'reset', [_mobx.action], (0, _getOwnPropertyDescriptor2.default)(_class.prototype, 'reset'), _class.prototype), _descriptor8 = _applyDecoratedDescriptor(_class.prototype, 'show', [_mobx.action], {
  enumerable: true,
  initializer: function initializer() {
    var _this7 = this;

    return function () {
      _this7.visible = true;
    };
  }
}), _descriptor9 = _applyDecoratedDescriptor(_class.prototype, 'hide', [_mobx.action], {
  enumerable: true,
  initializer: function initializer() {
    var _this8 = this;

    return function () {
      _this8.visible = false;
      _this8.reset();
    };
  }
})), _class);
exports.default = FeedBackModal;
//# sourceMappingURL=FeedBackModal.js.map