antd-mobile/lib/image-picker/ImageRoll.js

基于 React 的移动设计规范实现

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});
exports["default"] = undefined;

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

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

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

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

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

var _inherits3 = _interopRequireDefault(_inherits2);

var _react = require('react');

var React = _interopRequireWildcard(_react);

var _reactNative = require('react-native');

var _default = require('../style/themes/default');

var _default2 = _interopRequireDefault(_default);

var _reactNativeCameraRollPicker = require('react-native-camera-roll-picker');

var _reactNativeCameraRollPicker2 = _interopRequireDefault(_reactNativeCameraRollPicker);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj["default"] = obj; return newObj; } }

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

var styles = _reactNative.StyleSheet.create({
    statusBarBg: {
        height: 5 * 4
    },
    naviBar: {
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        borderBottomWidth: 1,
        borderBottomColor: '#d9d9d9',
        height: 11 * 4
    },
    barTitle: {
        flex: 1,
        textAlign: 'center',
        fontWeight: '500',
        marginLeft: 7 * 4,
        fontSize: 16
    },
    rightBtn: {
        width: 14 * 4,
        color: _default2["default"].brand_primary,
        fontSize: 16
    }
});

var ImageRoll = function (_React$Component) {
    (0, _inherits3["default"])(ImageRoll, _React$Component);

    function ImageRoll() {
        (0, _classCallCheck3["default"])(this, ImageRoll);

        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
        }

        var _this = (0, _possibleConstructorReturn3["default"])(this, _React$Component.call.apply(_React$Component, [this].concat(args)));

        _this.onSelected = function (images) {
            _this.props.onSelected(images[0]);
            _this.props.onCancel();
        };
        return _this;
    }

    ImageRoll.prototype.render = function render() {
        return React.createElement(
            _reactNative.Modal,
            { animationType: 'slide', visible: true, onRequestClose: function onRequestClose() {}, transparent: false },
            React.createElement(
                _reactNative.View,
                { style: { flex: 1 } },
                React.createElement(_reactNative.StatusBar, { barStyle: 'light-content' }),
                React.createElement(_reactNative.View, { style: styles.statusBarBg }),
                React.createElement(
                    _reactNative.View,
                    { style: [styles.naviBar] },
                    React.createElement(
                        _reactNative.Text,
                        { style: [styles.barTitle] },
                        'Photos'
                    ),
                    React.createElement(
                        _reactNative.TouchableOpacity,
                        { onPress: this.props.onCancel },
                        React.createElement(
                            _reactNative.Text,
                            { style: styles.rightBtn },
                            'Cancel'
                        )
                    )
                ),
                React.createElement(_reactNativeCameraRollPicker2["default"], { selected: [], callback: this.onSelected, maximum: 1 })
            )
        );
    };

    return ImageRoll;
}(React.Component);

exports["default"] = ImageRoll;
module.exports = exports['default'];