@ttk/component/lib/repeter/index.js

ttk组件库

'use strict';

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

var getPrototypeOf = require('../getPrototypeOf-3a7a3df9.js');
var React = require('react');
var Input = require('../input');
require('../_commonjsHelpers-badc9712.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = getPrototypeOf._getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf._getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return getPrototypeOf._possibleConstructorReturn(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 InputNumber = Input__default["default"].InputNumber;

var RepeterComponent = /*#__PURE__*/function (_PureComponent) {
  getPrototypeOf._inherits(RepeterComponent, _PureComponent);

  var _super = _createSuper(RepeterComponent);

  function RepeterComponent(props) {
    var _this;

    getPrototypeOf._classCallCheck(this, RepeterComponent);

    _this = _super.call(this, props);

    _this.addBtn = function () {
      _this.setState({
        flag: true
      });

      if (_this.state.repeterChildren.length <= 100) {
        var arr = _this.state.repeterChildren;
        arr.push(_this.props.children);

        _this.setState({
          repeterChildren: arr
        });
      } else {
        alert('一百条了！');
      }

      _this.props.addCallBack && _this.props.addCallBack();
    };

    _this.renderInputLife = function () {
      return /*#__PURE__*/React__default["default"].createElement("div", {
        className: "ttk-expense-input"
      }, /*#__PURE__*/React__default["default"].createElement("span", null, _this.props.inputLifeName, ":"), /*#__PURE__*/React__default["default"].createElement(InputNumber, {
        style: {
          width: '200px'
        }
      }));
    };

    _this.renderRows = function (name) {
      return /*#__PURE__*/React__default["default"].createElement("div", {
        className: "ttk-scm-app-expense-card-form-div"
      }, _this.props.inputLife ? _this.renderInputLife() : '');
    };

    _this.getRepeterChildren = function (repeterChildren) {
      return repeterChildren.map(function (item) {
        return item;
      });
    };

    _this.state = {
      isAdd: true,
      repeterChildren: []
    };
    return _this;
  }

  getPrototypeOf._createClass(RepeterComponent, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      var children = this.props.children;
      this.setState({
        repeterChildren: [children]
      });
    }
  }, {
    key: "render",
    value: function render() {
      var btnVisible = this.props.btnVisible;
      return /*#__PURE__*/React__default["default"].createElement("div", null, this.props.children, btnVisible ? this.renderRows(this.props.buttonName) : null);
    }
  }]);

  return RepeterComponent;
}(React.PureComponent);

exports["default"] = RepeterComponent;