dlt-for-react 1.0.23 → 1.1.0

package/lib/components/NHImagePicker/index.js

@@ -0,0 +1,554 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _toast = require('antd-mobile/lib/toast');
+
+var _toast2 = _interopRequireDefault(_toast);
+
+var _imagePicker = require('antd-mobile/lib/image-picker');
+
+var _imagePicker2 = _interopRequireDefault(_imagePicker);
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+require('antd-mobile/lib/toast/style/css');
+
+require('antd-mobile/lib/image-picker/style/css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _NHFetch = require('../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _createUuid = require('../../utils/createUuid');
+
+var _createUuid2 = _interopRequireDefault(_createUuid);
+
+var _reactMobileImageViewer = require('react-mobile-image-viewer');
+
+var _reactMobileImageViewer2 = _interopRequireDefault(_reactMobileImageViewer);
+
+require('react-mobile-image-viewer/lib/index.css');
+
+var _reactRouterDom = require('react-router-dom');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+// const fileDocDownloadPath = 'api/docrepo/download?attachmentId=';
+var redisDownloadPath = '/proData/downloadRedisCacheImage?uuid=';
+
+var NHImagePicker = function (_React$Component) {
+    _inherits(NHImagePicker, _React$Component);
+
+    function NHImagePicker(props) {
+        _classCallCheck(this, NHImagePicker);
+
+        var _this = _possibleConstructorReturn(this, (NHImagePicker.__proto__ || Object.getPrototypeOf(NHImagePicker)).call(this, props));
+
+        _initialiseProps.call(_this);
+
+        var value = props.value || props.defaultValue;
+        _this.state = {
+            uploadedImageList: [], //已上传图片
+            previewImageVisible: false, //是否预览图片标识
+            previewImageUrl: '', //预览图片的URL
+            previewImageName: '', //预览图片的名称
+            value: value !== undefined && value !== null && value.trim() !== '' ? value : (0, _createUuid2.default)()
+        };
+        return _this;
+    }
+
+    _createClass(NHImagePicker, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            this.loadFileList();
+        }
+    }, {
+        key: 'componentWillReceiveProps',
+        value: function componentWillReceiveProps(nextprops) {
+            if ('value' in nextprops && this.props.value !== nextprops.value) {
+                var value = nextprops.value !== undefined && nextprops.value !== null && nextprops.value.trim() !== '' ? nextprops.value : (0, _createUuid2.default)();
+                this.setState({ value: value }, this.loadFileList);
+            }
+        }
+
+        //处理fileList
+
+        //新增附件主表和明细
+
+        //文件上传改变事件
+
+    }, {
+        key: 'handlePropsOnChange',
+        value: function handlePropsOnChange(uploadedImageList) {
+            //父组件回调方法，在父组件可以拿到已经上传成功的图片信息
+            if (this.props.onChange && typeof this.props.onChange === "function") {
+                this.props.onChange(uploadedImageList);
+            }
+        }
+        // handleDownloadClick = (index,fileList) => {
+        //     const file = fileList[index];
+        //     window.open(file.url);
+        // }
+
+        //上传图片  
+
+
+        //将base64转换为blob
+
+    }, {
+        key: 'blobToFile',
+
+        //将blob转换为file
+        value: function blobToFile(theBlob, fileName, lastModifiedDate) {
+            theBlob.lastModifiedDate = lastModifiedDate;
+            theBlob.name = fileName;
+            return theBlob;
+        }
+
+        /**
+         * 判断文件是否超出最大限制
+         * @param {*} file 文件
+         * @returns true/false
+         */
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var uploadedImageList = this.state.uploadedImageList;
+            var _props = this.props,
+                numberOfLimit = _props.numberOfLimit,
+                isEdit = _props.isEdit,
+                _props$accept = _props.accept,
+                accept = _props$accept === undefined ? 'image/*' : _props$accept,
+                capture = _props.capture;
+
+            if (isEdit) {
+                return _react2.default.createElement(
+                    _react2.default.Fragment,
+                    null,
+                    _react2.default.createElement(_imagePicker2.default, {
+                        files: uploadedImageList,
+                        onChange: this.handleChange,
+                        onImageClick: this.preview,
+                        accept: accept,
+                        selectable: uploadedImageList.length < numberOfLimit,
+                        capture: capture
+                    }),
+                    this.renderCommon()
+                );
+            }
+            return _react2.default.createElement(
+                _react2.default.Fragment,
+                null,
+                _react2.default.createElement(_imagePicker2.default, {
+                    files: uploadedImageList,
+                    onChange: this.handleChange,
+                    onImageClick: this.preview,
+                    selectable: false,
+                    disableDelete: true,
+                    capture: capture
+                }),
+                this.renderCommon()
+            );
+        }
+    }]);
+
+    return NHImagePicker;
+}(_react2.default.Component);
+
+NHImagePicker.propTypes = {
+    saveType: _propTypes2.default.string, //保存的类型
+    imageList: _propTypes2.default.array, //初始化图片信息
+    cacheTime: _propTypes2.default.number, //Redis缓存时间
+    numberOfLimit: _propTypes2.default.number, //允许上传的图片张数
+    numberOfSize: _propTypes2.default.number, //允许上传的图片大小
+    disabled: _propTypes2.default.bool, //是否禁用
+    base64UploadUrl: _propTypes2.default.string, //base64图片上传路径
+    onRemove: _propTypes2.default.func, //删除成功回调
+    onChange: _propTypes2.default.func, //值改变回调
+    serviceMark: _propTypes2.default.string, //所属服务
+    moduleName: _propTypes2.default.string, //模块名称
+    value: _propTypes2.default.string, //附件主表id
+    isEdit: _propTypes2.default.bool, //编辑模式
+
+    compressThreshold: _propTypes2.default.number, //压缩的阈值
+    isPictureCompress: _propTypes2.default.bool, //是否开启图片压缩
+    pictureQuality: _propTypes2.default.number, //指定压缩的图片质量,取值范围为0~1,quality值越小,图像越模糊
+    picScale: _propTypes2.default.number, // 每次图片（宽高）压缩的比例
+    accept: _propTypes2.default.string, //图片类型
+    maxFileSize: _propTypes2.default.number, //默认上传文件的最大限制
+    sizeWord: _propTypes2.default.string //文件大小单位 M/KB， 默认为M
+
+    //设置props默认值
+};
+NHImagePicker.defaultProps = {
+    saveType: 'file', //保存的类型，默认为file文档库，可选的值: 'file'(上传文档库)、
+    cacheTime: 30, //设置Redis缓存的时间，单位：分钟 表示Redis超过30分钟会删除缓存的信息
+    numberOfLimit: 1, //最多允许上传多少张图片 默认为1张
+    numberOfSize: 2, //默认上传大小限制2MB
+    disabled: false, //是否禁用
+    onRemove: function onRemove() {//删除成功回调
+    },
+    onChange: function onChange() {}, //值改变时的回调
+    base64UploadUrl: undefined, //base64上传图片路径
+    serviceMark: undefined, //服务标志，说明是属于哪个服务
+    moduleName: undefined, //模块名称，说明是属于哪个服务的哪个模块
+    value: undefined, //附件主表id
+    isEdit: true, //是否可以编辑，默认为true，查看模式必须传value
+
+    compressThreshold: 5, //压缩的阈值,图片大小超过5M,则需要进行压缩
+    isPictureCompress: false, //是否开启图片压缩
+    pictureQuality: 0.92, //指定压缩的图片质量,取值范围为0~1,quality值越小,图像越模糊,默认图片质量为0.92
+    picScale: 0.9, // 每次图片（宽高）压缩的比例
+    accept: 'image/*', //默认支持上传所有图片类型
+    capture: false, //图片捕获设置, 具体请参考MDN中关于capture的说明, camera为只拍照	
+    maxFileSize: 20, //默认上传文件的最大限制 20， 单位默认为MB
+    sizeWord: 'M' //大小单位 M/KB，默认为M
+};
+
+var _initialiseProps = function _initialiseProps() {
+    var _this2 = this;
+
+    this.loadFileList = function () {
+        var _props2 = _this2.props,
+            serviceMark = _props2.serviceMark,
+            moduleName = _props2.moduleName;
+
+        if (serviceMark && moduleName) {
+            var value = _this2.state.value;
+            var t = new Date().getTime();
+            (0, _NHFetch2.default)('front/zhxg-unauth/dynamic/' + value + '/getDetailed', 'GET', t).then(function (res) {
+                if (res && res.data && res.data.length > 0) {
+                    _this2.handleFileList(res.data);
+                }
+            });
+        } else {
+            _toast2.default.fail("服务标志和模块名称不能为空");
+        }
+    };
+
+    this.handleFileList = function (propsfileList) {
+        if (propsfileList.length > 0) {
+            var uploadedImageList = [];
+            propsfileList.map(function (item) {
+                uploadedImageList.push({
+                    uuid: item.uuid,
+                    url: 'zuul/docrepo/download/file?attachmentId=' + item.uuid,
+                    name: item.name
+                });
+            });
+            _this2.setState({
+                uploadedImageList: uploadedImageList
+            });
+        }
+    };
+
+    this.handleMasterTable = function (res, fileList, fileName) {
+        var value = _this2.state.value;
+        var _props3 = _this2.props,
+            serviceMark = _props3.serviceMark,
+            moduleName = _props3.moduleName,
+            describe = _props3.describe,
+            fileMainName = _props3.fileMainName;
+
+        var param = {
+            fjzbid: value,
+            fwbz: serviceMark,
+            mkmc: moduleName,
+            ms: describe,
+            fjzbm: fileMainName,
+
+            fjid: res.data.ssbh,
+            fjmc: fileName,
+            cjsid: res.data.scyh,
+            ztm: '1' // 1 为 指定上传的附件是否默认在附件主表有效
+        };
+        (0, _NHFetch2.default)("front/zhxg-unauth/dynamic/insert", 'POST', param).then(function (res) {
+            if (res && res.code === 200) {
+                _this2.setState({ uploadedImageList: fileList });
+                _this2.handlePropsOnChange(value, fileList);
+            } else {
+                _toast2.default.fail("附件上传失败！");
+            }
+        }).catch(function () {
+            _toast2.default.fail("附件上传失败！");
+        });
+    };
+
+    this.removeFile = function (files, operationType, index) {
+        var uploadedImageList = _this2.state.uploadedImageList;
+
+        var file = uploadedImageList[index];
+        (0, _NHFetch2.default)("front/zhxg-unauth/dynamic/updateDel", 'POST', file.uuid).then(function (res) {
+            if (res && res.code === 200) {
+                _this2.setState({ uploadedImageList: files });
+                _this2.handlePropsOnChange(files.length === 0 ? undefined : _this2.state.value, files);
+            } else {
+                _toast2.default.fail("删除失败！");
+            }
+        }).catch(function (e) {
+            _toast2.default.fail('网络异常，删除失败');
+        });
+    };
+
+    this.handleChange = function (files, operationType, index) {
+        if (operationType === 'remove') {
+            _this2.removeFile(files, operationType, index);
+            //this.setState({uploadedImageList:files});
+            return;
+        }
+        var saveType = _this2.props.saveType || 'file';
+
+        var file = files[files.length - 1].file;
+        var _props4 = _this2.props,
+            _props4$compressThres = _props4.compressThreshold,
+            compressThreshold = _props4$compressThres === undefined ? 5 : _props4$compressThres,
+            _props4$isPictureComp = _props4.isPictureCompress,
+            isPictureCompress = _props4$isPictureComp === undefined ? false : _props4$isPictureComp,
+            _props4$pictureQualit = _props4.pictureQuality,
+            pictureQuality = _props4$pictureQualit === undefined ? 0.92 : _props4$pictureQualit,
+            _props4$picScale = _props4.picScale,
+            picScale = _props4$picScale === undefined ? 0.9 : _props4$picScale;
+        // 设置的图片大小Max值
+
+        var MaxSize = compressThreshold * 1024 * 1024;
+        // 若需要压缩且图片大小大于Max值
+        if (isPictureCompress && file.size > MaxSize) {
+            //判断浏览器内核是否支持base64图片压缩
+            if ((typeof FileReader === 'undefined' ? 'undefined' : _typeof(FileReader)) === undefined) {
+                return file;
+            } else {
+                try {
+                    // return new Promise( resolve => {
+                    var fileReader = new FileReader();
+                    fileReader.readAsDataURL(file);
+                    fileReader.onload = function () {
+                        var canvas = document.createElement('canvas');
+                        var img = document.createElement('img');
+                        img.src = fileReader.result;
+                        img.onload = function () {
+                            var ctx = canvas.getContext('2d');
+                            //图片宽、高
+                            var imgWidth = img.width;
+                            var imgHeight = img.height;
+                            var newFile = file;
+                            var imageDataURL = undefined;
+                            while (newFile.size > MaxSize) {
+                                imgWidth = imgWidth * picScale;
+                                imgHeight = imgHeight * picScale;
+                                canvas.width = imgWidth;
+                                canvas.height = imgHeight;
+                                //清除画布
+                                ctx.clearRect(0, 0, imgWidth, imgHeight);
+                                //canvas绘制img
+                                ctx.drawImage(img, 0, 0, imgWidth, imgHeight);
+
+                                //设置图片质量，默认为0.92
+                                imageDataURL = canvas.toDataURL(file.type || 'image/jpeg', pictureQuality);
+                                // 去掉URL的头,并转换为byte
+                                var imageBytes = window.atob(imageDataURL.split(',')[1]);
+                                // 处理异常,将ascii码小于0的转换为大于0
+                                var arrayBuffer = new ArrayBuffer(imageBytes.length);
+                                var uint8Array = new Uint8Array(arrayBuffer);
+                                for (var i = 0; i < imageBytes.length; i++) {
+                                    uint8Array[i] = imageBytes.charCodeAt(i);
+                                }
+                                var mimeType = imageDataURL.split(',')[0].match(/:(.*?);/)[1];
+                                newFile = new File([uint8Array], file.name, { type: mimeType || 'image/jpeg' });
+                                console.log('after compress, the file size is : ', newFile.size / 1024 / 1024 + "M");
+                                // resolve(newFile);
+                                // return newFile;
+                            }
+                            _this2.postImg(saveType, files, newFile, imageDataURL);
+                        };
+                    };
+                    // fileReader.onerror = () => {
+                    //     return file;
+                    // }
+                    // }).then(res => {
+                    //     return res;
+                    // })
+                } catch (error) {
+                    // return file;
+                    _this2.postImg(saveType, files, file, files[files.length - 1].url);
+                }
+            }
+        } else {
+            // return file;
+            _this2.postImg(saveType, files, file, files[files.length - 1].url);
+        }
+    };
+
+    this.postImg = function (saveType, files, file, url) {
+        //判断文件是否超出最大限制
+        var flag = _this2.judgeFileSize(file);
+        if (!flag) {
+            return;
+        }
+        if (saveType === 'file') {
+            //上传到文档库
+            //上传成功(success为true并且响应码为200)
+            var fileName = files[files.length - 1].file.name;
+            // let file = file;
+            var param = new FormData();
+            param.append('uuid', (0, _createUuid2.default)());
+            param.append('type', '1');
+            param.append('file', file);
+            fetch('zuul/docrepo/upload', { method: 'POST', body: param, headers: { Authorization: window.sessionStorage.getItem("access_token") } }).then(function (response) {
+                return response.json();
+            }).then(function (res) {
+                if (res && res.meta && res.meta.statusCode === 200) {
+                    var newFiles = files.map(function (file) {
+                        if (file.uuid === undefined) {
+                            file.uuid = res.data.ssbh;
+                            file.name = fileName;
+                            file.url = 'zuul/docrepo/download/file?attachmentId=' + file.uuid;
+                        }
+                        return file;
+                    });
+                    _this2.handleMasterTable(res, newFiles, fileName);
+                    // this.setState({ uploadedImageList: newFiles })
+                    // this.handlePropsOnChange(newFiles);
+                } else {
+                    _toast2.default.fail('上传失败');
+                }
+            }).catch(function () {
+                return _toast2.default.fail('图片上传失败', 1);
+            });
+        } else if (saveType === 'redis') {
+            //缓存Redis
+            //缓存成功(响应码为200)
+            // let url = files[files.length-1].url;
+            // let lastModifiedDate = files[files.length-1].file.lastModifiedDate;
+            // let fileName = files[files.length-1].file.name;
+            var lastModifiedDate = file.lastModifiedDate;
+            var _fileName = file.name;
+            var blob = _this2.dataURLtoBlob(url);
+            file = _this2.blobToFile(blob, _fileName, lastModifiedDate);
+            var _param = new FormData();
+            _param.append('redisData', _this2.props.cacheTime || 30);
+            _param.append('file', file);
+            fetch(window.baseUrl + '/proData/uploadRedis', { method: 'POST', body: _param }).then(function (response) {
+                return response.json();
+            }).then(function (res) {
+                if (res && res.code === 200) {
+                    var newFiles = files.map(function (file) {
+                        if (file.uuid === undefined) {
+                            file.uuid = res.data;
+                            file.url = window.baseUrl + redisDownloadPath + file.uuid;
+                        }
+                        return file;
+                    });
+                    _this2.setState({ uploadedImageList: newFiles });
+                    _this2.handlePropsOnChange(newFiles);
+                }
+            }).catch(function () {
+                return _toast2.default.info('图片上传失败', 1);
+            });
+        } else if (saveType === 'base64') {
+            //用于保存数据库
+            // let url = files[files.length-1].url;
+            var _param2 = new FormData();
+            _param2.append('file', url);
+            fetch(_this2.props.base64UploadUrl, { method: 'POST', body: _param2 }).then(function (response) {
+                return response.json();
+            }).then(function (res) {
+                if (res && res.code === 200) {
+                    var newFiles = files.map(function (file) {
+                        if (file.uuid === undefined) {
+                            file.uuid = res.data;
+                        }
+                        return file;
+                    });
+                    _this2.setState({ uploadedImageList: newFiles });
+                    _this2.handlePropsOnChange(newFiles);
+                }
+            }).catch(function () {
+                return _toast2.default.info('图片上传失败', 1);
+            });
+        }
+    };
+
+    this.preview = function (index, fileList) {
+        // const file = fileList[index];
+        _this2.v = (0, _reactMobileImageViewer2.default)({
+            urls: fileList.map(function (item) {
+                return item.url;
+            }),
+            index: index
+        });
+    };
+
+    this.dataURLtoBlob = function (dataurl) {
+        console.log(dataurl);
+        var arr = dataurl.split(',');
+        var mime = arr[0].match(/:(.*?);/)[1];
+        var bstr = atob(arr[1]);
+        var n = bstr.length;
+        var u8arr = new Uint8Array(n);
+        while (n--) {
+            u8arr[n] = bstr.charCodeAt(n);
+        }
+        return new Blob([u8arr], { type: mime });
+    };
+
+    this.renderCommon = function () {
+        // 监听页面返回操作，如果是图片预览状态，就退出图片预览状态，否则进行正常的返回操作
+        return _react2.default.createElement(_reactRouterDom.Prompt, {
+            when: true,
+            message: function message(location) {
+                if (_this2.v) {
+                    _this2.v.destroy();
+                    _this2.v = undefined;
+                    return false;
+                }
+                return true;
+            }
+        });
+    };
+
+    this.judgeFileSize = function (file) {
+        var _props5 = _this2.props,
+            _props5$maxFileSize = _props5.maxFileSize,
+            maxFileSize = _props5$maxFileSize === undefined ? 20 : _props5$maxFileSize,
+            _props5$sizeWord = _props5.sizeWord,
+            sizeWord = _props5$sizeWord === undefined ? 'M' : _props5$sizeWord;
+
+        var isOverSize = false; //是否超出文件最大限制
+        if (sizeWord.toLocaleLowerCase() === 'kb') {
+            // 若单位为kb则按kb的比较
+            var fileSize = file.size / 1024;
+            isOverSize = fileSize > maxFileSize;
+        } else {
+            var _fileSize = file.size / 1024 / 1024;
+            isOverSize = _fileSize > maxFileSize;
+        }
+
+        if (isOverSize) {
+            _toast2.default.info('\u62B1\u6B49\uFF0C\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F\u6700\u5927\u4E0D\u80FD\u8D85\u8FC7' + maxFileSize + sizeWord + '!');
+            return false;
+        }
+        return true;
+    };
+};
+
+exports.default = NHImagePicker;

package/lib/components/NHInputPicker/RadioGroup.js

@@ -0,0 +1,118 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _list = require('antd-mobile/lib/list');
+
+var _list2 = _interopRequireDefault(_list);
+
+var _radio = require('antd-mobile/lib/radio');
+
+var _radio2 = _interopRequireDefault(_radio);
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+require('antd-mobile/lib/list/style/css');
+
+require('antd-mobile/lib/radio/style/css');
+
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /*
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @Description:移动端RadioGroup，方便对一组Radio进行处理
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @Author: zengweijin
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @Date: 2019-07-12 11:50:25
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @LastEditors  : zengweijin
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @LastEditTime : 2020-01-07 14:08:31
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
+
+
+var RadioGroup = function (_React$Component) {
+  _inherits(RadioGroup, _React$Component);
+
+  function RadioGroup(props) {
+    _classCallCheck(this, RadioGroup);
+
+    var _this = _possibleConstructorReturn(this, (RadioGroup.__proto__ || Object.getPrototypeOf(RadioGroup)).call(this, props));
+
+    _this.state = {
+      value: props.value || props.defaultValue || ''
+    };
+    return _this;
+  }
+
+  _createClass(RadioGroup, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          options = _props.options,
+          disabled = _props.disabled,
+          defaultValue = _props.defaultValue,
+          value = _props.value,
+          _onChange = _props.onChange,
+          label = _props.label;
+
+      var RadioItem = _radio2.default.RadioItem;
+      return _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement(
+          _list2.default,
+          { renderHeader: function renderHeader() {
+              return label;
+            } },
+          options.map(function (item) {
+            return _react2.default.createElement(
+              RadioItem,
+              {
+                key: item.value,
+                defaultChecked: item.value === defaultValue,
+                checked: item.value === (value || _this2.state.value),
+                disabled: disabled || item.disabled,
+                onChange: function onChange(e) {
+                  if (!('value' in _this2.props)) {
+                    _this2.setState({ value: item.value });
+                  }
+                  if (_onChange) {
+                    _onChange(item.value, item.label, e);
+                  }
+                }
+              },
+              item.label
+            );
+          })
+        )
+      );
+    }
+  }]);
+
+  return RadioGroup;
+}(_react2.default.Component);
+
+//属性检查
+
+
+exports.default = RadioGroup;
+RadioGroup.propTypes = {
+  disabled: _propTypes2.default.bool, //是否禁用
+  defaultValue: _propTypes2.default.any, //默认选中项
+  value: _propTypes2.default.any, //初始值
+  onChange: _propTypes2.default.func, //选择完成后的回调
+  options: _propTypes2.default.arrayOf(_propTypes2.default.object) // radio数组Array<{ label: string value: string disabled?: boolean }>
+};