tplus-member 1.27.1 → 1.27.2

package/dist/member/MemberShow.js

@@ -0,0 +1,167 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _Modal5 = require('tinper-bee/dist/Modal');
+
+var _Modal6 = _interopRequireDefault(_Modal5);
+
+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 _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _class, _class2, _temp;
+
+require('tinper-bee/dist/Modal/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsAppfx = require('mutants-appfx');
+
+var _propTypes = require('prop-types');
+
+var _mobxReact = require('mobx-react');
+
+var _ShopMember = require('./ShopMember');
+
+var _ShopMember2 = _interopRequireDefault(_ShopMember);
+
+require('./index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var MemberModal = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_Component) {
+    (0, _inherits3.default)(MemberModal, _Component);
+
+    function MemberModal(props) {
+        (0, _classCallCheck3.default)(this, MemberModal);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (MemberModal.__proto__ || (0, _getPrototypeOf2.default)(MemberModal)).call(this, props));
+
+        _this.selectedInfo = {};
+
+        _this.selectChange = function (value) {
+            _this.selectedInfo = value;
+        };
+
+        _this.modalOnEnter = function (value) {
+            var parentModal = (document.querySelector('.MemberShowContainer') || {}).parentElement;
+            parentModal && parentModal.classList.add('member-modal-wrapper');
+        };
+
+        _this.controllerEvent = function (methodName, methodArgs) {
+            _this.context.onEvent({ 'controllerEvent': _mutantsAppfx.Action.fromJS(_this.context.viewModel, methodName) }, 'controllerEvent', methodArgs);
+        };
+
+        _this.state = {
+            select: -1
+        };
+        _this.onOk = _this.onOk.bind(_this);
+        _this.onCancel = _this.onCancel.bind(_this);
+        return _this;
+    }
+
+    (0, _createClass3.default)(MemberModal, [{
+        key: 'onCancel',
+        value: function onCancel() {
+            this.props.handleModal(false);
+            this.controllerEvent('setInventoryFocus');
+        }
+    }, {
+        key: 'onOk',
+        value: function onOk() {
+            this.props.handleModal(false);
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this2 = this,
+                _React$createElement;
+
+            var _props = this.props,
+                status = _props.status,
+                showModal = _props.showModal,
+                titleModal = _props.titleModal,
+                viewMemberInfo = _props.viewMemberInfo,
+                columnInfo = _props.columnInfo,
+                _props$mode = _props.mode,
+                mode = _props$mode === undefined ? 'formal' : _props$mode,
+                authProcess = _props.authProcess;
+
+            return _react2.default.createElement(
+                _Modal6.default,
+                (_React$createElement = {
+                    width: 935,
+                    backdropClosable: true,
+                    show: showModal,
+                    onHide: this.onCancel
+                }, (0, _defineProperty3.default)(_React$createElement, 'backdropClosable', false), (0, _defineProperty3.default)(_React$createElement, 'className', 'MemberShowContainer member-modal-animation'), (0, _defineProperty3.default)(_React$createElement, 'onEntering', this.modalOnEnter), _React$createElement),
+                _react2.default.createElement(
+                    _Modal6.default.Header,
+                    { className: 'header', closeButton: true },
+                    _react2.default.createElement(
+                        _Modal6.default.Title,
+                        null,
+                        titleModal
+                    )
+                ),
+                _react2.default.createElement(
+                    _Modal6.default.Body,
+                    { className: 'body member-show-body', style: { height: 500, padding: 0 } },
+                    _react2.default.createElement(_ShopMember2.default, {
+                        mode: mode,
+                        authProcess: authProcess,
+                        defaultActiveKey: '2',
+                        ref: function ref(obj) {
+                            _this2.obj = obj;
+                        },
+                        status: status,
+                        showModal: showModal,
+                        titleModal: titleModal,
+                        selectChange: this.selectChange,
+                        viewMemberInfo: viewMemberInfo,
+                        columnInfo: columnInfo,
+                        onCancel: this.onCancel,
+                        onOk: this.onOk,
+                        memberChange: function memberChange(memberInfo) {
+                            _this2.controllerEvent('changeMember', memberInfo);
+                        }
+                    })
+                )
+            );
+        }
+    }]);
+    return MemberModal;
+}(_react.Component), _class2.contextTypes = {
+    onEvent: _propTypes.PropTypes.func,
+    viewModel: _propTypes.PropTypes.object,
+    stores: _propTypes.PropTypes.object
+}, _temp)) || _class;
+
+exports.default = MemberModal;
+//# sourceMappingURL=MemberShow.js.map

package/dist/member/MemberShow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-member/member/MemberShow.js"],"names":["MemberModal","observer","props","selectedInfo","selectChange","value","modalOnEnter","parentModal","document","querySelector","parentElement","classList","add","controllerEvent","methodName","methodArgs","context","onEvent","Action","fromJS","viewModel","state","select","onOk","bind","onCancel","handleModal","status","showModal","titleModal","viewMemberInfo","columnInfo","mode","authProcess","height","padding","obj","memberInfo","Component","contextTypes","PropTypes","func","object","stores"],"mappings":"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","file":"MemberShow.js","sourcesContent":["import React, { Component } from 'react';\nimport { Modal, Button } from 'tinper-bee';\nimport { Action } from 'mutants-appfx'\nimport {PropTypes} from 'prop-types'\nimport { observer } from 'mobx-react';\nimport ShopMember from './ShopMember';\nimport './index.less';\n\n@observer\nexport default class MemberModal extends Component {\n\n    selectedInfo = {};\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            select: -1\n        }\n        this.onOk = this.onOk.bind(this);\n        this.onCancel = this.onCancel.bind(this);\n    }\n    static contextTypes = {\n        onEvent:PropTypes.func,\n        viewModel: PropTypes.object,\n        stores:PropTypes.object\n    }\n    onCancel() {\n        this.props.handleModal(false)\n        this.controllerEvent('setInventoryFocus')\n    }\n    onOk() {\n      this.props.handleModal(false);\n    }\n\n    selectChange = (value) => {\n        this.selectedInfo = value;\n    }\n\n    modalOnEnter = (value) => {\n      const parentModal = (document.querySelector('.MemberShowContainer') || {}).parentElement;\n      parentModal && parentModal.classList.add('member-modal-wrapper');\n    }\n\n    controllerEvent = (methodName, methodArgs) => {\n        this.context.onEvent({ 'controllerEvent': Action.fromJS(this.context.viewModel, methodName) }, 'controllerEvent', methodArgs);\n    }\n\n    render() {\n        const { status, showModal, titleModal, viewMemberInfo, columnInfo, mode ='formal',authProcess} = this.props;\n        return (\n            <Modal\n                width={935}\n                backdropClosable\n                show={showModal}\n                onHide={this.onCancel}\n                backdropClosable={false}\n                className='MemberShowContainer member-modal-animation'\n                onEntering={this.modalOnEnter}\n            >\n                <Modal.Header className='header' closeButton>\n                    <Modal.Title>{titleModal}</Modal.Title>\n                </Modal.Header>\n                <Modal.Body className='body member-show-body' style={{height: 500, padding: 0}}>\n                    <ShopMember\n                      mode={mode}\n                      authProcess={authProcess}\n                      defaultActiveKey='2'\n                      ref={(obj) => { this.obj = obj }}\n                      status={status}\n                      showModal={showModal}\n                      titleModal={titleModal}\n                      selectChange={this.selectChange}\n                      viewMemberInfo={viewMemberInfo}\n                      columnInfo={columnInfo}\n                      onCancel={this.onCancel}\n                      onOk={this.onOk}\n                      memberChange={(memberInfo) => { this.controllerEvent('changeMember', memberInfo) }}\n                    />\n                </Modal.Body>\n            </Modal>\n        );\n    }\n}\n"]}