lm-carpicker/lib/abc.js

* 作者：liuduan * 邮箱：liuduan.05.05@163.com * 版本：**`0.3.5`**

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});
var _jsxFileName = 'src/abc.js';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

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

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

var prefixed = 'lm-carpicker-abc';

var Abc = function Abc(props) {
    var className = props.className,
        data = props.data,
        onAbcClick = props.onAbcClick,
        children = props.children,
        others = _objectWithoutProperties(props, ['className', 'data', 'onAbcClick', 'children']);

    var component = null;
    var renderComponent = function renderComponent() {
        return data.map(function (item, i) {
            return _react2.default.createElement(
                'li',
                _defineProperty({ key: i, className: 'li ' + (/热/.test('' + item) ? 'hot' : ''), onClick: onAbcClick.bind(undefined, item), __source: {
                        fileName: _jsxFileName,
                        lineNumber: 13
                    },
                    __self: undefined
                }, '__self', undefined),
                _react2.default.createElement(
                    'span',
                    _defineProperty({
                        __source: {
                            fileName: _jsxFileName,
                            lineNumber: 14
                        },
                        __self: undefined
                    }, '__self', undefined),
                    item
                )
            );
        });
    };

    if (data.length) component = renderComponent();
    return _react2.default.createElement(
        'div',
        Object.assign({ className: prefixed + ' ' + className }, others, _defineProperty({
            __source: {
                fileName: _jsxFileName,
                lineNumber: 23
            },
            __self: undefined
        }, '__self', undefined)),
        _react2.default.createElement(
            'ul',
            _defineProperty({ className: 'ul', __source: {
                    fileName: _jsxFileName,
                    lineNumber: 24
                },
                __self: undefined
            }, '__self', undefined),
            component || children
        )
    );
};

Abc.propTypes = {
    className: _propTypes2.default.string,
    data: _propTypes2.default.array.isRequired,
    onAbcClick: _propTypes2.default.func
};

Abc.defaultProps = {
    className: '',
    data: ['热', 'A', 'B', 'C', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'W', 'X', 'Y', 'Z'],
    onAbcClick: function onAbcClick() {}
};

exports.default = Abc;
module.exports = exports['default'];