dlt-for-react 1.1.3 → 1.1.4

package/lib/layouts/KyInputPicker/setting-radio.js

@@ -1,468 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-
-var _row = require('antd/lib/row');
-
-var _row2 = _interopRequireDefault(_row);
-
-var _col = require('antd/lib/col');
-
-var _col2 = _interopRequireDefault(_col);
-
-var _getIterator2 = require('babel-runtime/core-js/get-iterator');
-
-var _getIterator3 = _interopRequireDefault(_getIterator2);
-
-var _message2 = require('antd/lib/message');
-
-var _message3 = _interopRequireDefault(_message2);
-
-var _stringify = require('babel-runtime/core-js/json/stringify');
-
-var _stringify2 = _interopRequireDefault(_stringify);
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-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 _input = require('antd/lib/input');
-
-var _input2 = _interopRequireDefault(_input);
-
-var _radio = require('antd/lib/radio');
-
-var _radio2 = _interopRequireDefault(_radio);
-
-require('antd/lib/row/style');
-
-require('antd/lib/col/style');
-
-require('antd/lib/message/style');
-
-require('antd/lib/input/style');
-
-require('antd/lib/radio/style');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _inputConst = require('./input-const');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var RadioGroup = _radio2.default.Group;
-var TextArea = _input2.default.TextArea;
-
-/**
- * 单选框输入控件配置组件
- * Author: zengxiangkai@ly-sky.com
- * Created on: 2018-02-05 19:21:51
- * Version: 1.0
- * Modify log:
- * 2019-03-21：1、增加validationValueType表单校验值类型属性
- */
-
-var SettingRadio = function (_React$Component) {
-    (0, _inherits3.default)(SettingRadio, _React$Component);
-
-    function SettingRadio(props) {
-        (0, _classCallCheck3.default)(this, SettingRadio);
-
-        var _this = (0, _possibleConstructorReturn3.default)(this, (SettingRadio.__proto__ || (0, _getPrototypeOf2.default)(SettingRadio)).call(this, props));
-
-        _this.getFeature = function () {
-            return _this.state.feature;
-        };
-
-        _this.handleRadioLabelChange = function (e) {
-            var labels = e.target.value;
-            var labelArray = [];
-            if (labels.length > 0) {
-                //去除末尾的中英文逗号
-                var endChar = labels.charAt(labels.length - 1);
-                var tempLabels = labels;
-                if (endChar == ',' || endChar == '，') {
-                    tempLabels = tempLabels.substring(0, labels.length - 1);
-                }
-                labelArray = tempLabels.trim().split(/,|，/);
-                console.info(labelArray);
-            }
-
-            if (labelArray.length > 0) {
-
-                var values = _this.state.radioValues;
-                var valueArray = [];
-                if (values.length > 0) {
-                    //去除末尾的中英文逗号
-                    var _endChar = values.charAt(values.length - 1);
-                    if (_endChar == ',' || _endChar == '，') {
-                        values = values.substring(0, values.length - 1);
-                    }
-                    valueArray = values.trim().split(/,|，/);
-                }
-
-                var fp = (0, _extends3.default)({}, _this.state.featureParams);
-                fp.options.splice(0, fp.options.length);
-
-                //当label的个数与value不相等时，以较少的为准，多余的将不纳入参数
-                var indexRange = labelArray.length > valueArray.length ? valueArray.length : labelArray.length;
-
-                //构建radio的options值，方便render以options形式渲染单选框
-                for (var index = 0; index < indexRange; index++) {
-                    var option = {};
-                    option.label = labelArray[index];
-                    option.value = valueArray[index];
-                    fp.options.push(option);
-                }
-                _this.setState({ featureParams: fp });
-                _this.createFeature(fp);
-            }
-            _this.setState({ radioLabels: labels });
-        };
-
-        _this.handleRadioValueChange = function (e) {
-            var values = e.target.value;
-            var valueArray = [];
-            if (values.length > 0) {
-                //去除末尾的中英文逗号
-                var endChar = values.charAt(values.length - 1);
-                var tempValues = values;
-                if (endChar == ',' || endChar == '，') {
-                    tempValues = tempValues.substring(0, values.length - 1);
-                }
-                valueArray = tempValues.trim().split(/,|，/);
-                console.info(valueArray);
-            }
-
-            if (valueArray.length > 0) {
-
-                var labels = _this.state.radioLabels;
-                var labelArray = [];
-                if (labels.length > 0) {
-                    //去除末尾的中英文逗号
-                    var _endChar2 = labels.charAt(labels.length - 1);
-                    if (_endChar2 == ',' || _endChar2 == '，') {
-                        labels = labels.substring(0, labels.length - 1);
-                    }
-                    labelArray = labels.trim().split(/,|，/);
-                }
-
-                var fp = (0, _extends3.default)({}, _this.state.featureParams);
-                fp.options.splice(0, fp.options.length);
-
-                //当label的个数与value不相等时，以较少的为准，多余的将不纳入参数
-                var indexRange = labelArray.length > valueArray.length ? valueArray.length : labelArray.length;
-
-                //构建radio的options值，方便render以options形式渲染单选框
-                for (var index = 0; index < indexRange; index++) {
-                    var option = {};
-                    option.label = labelArray[index];
-                    option.value = valueArray[index];
-                    fp.options.push(option);
-                }
-                _this.setState({ featureParams: fp });
-                _this.createFeature(fp);
-            }
-            _this.setState({ radioValues: values });
-        };
-
-        _this.handleRequiredRadioChange = function (e) {
-            var required = e.target.value;
-
-            var fp = (0, _extends3.default)({}, _this.state.featureParams);
-            fp.required = required;
-
-            _this.setState({ featureParams: fp });
-            _this.createFeature(fp);
-        };
-
-        _this.handleDefaultValueChange = function (e) {
-            var defaultValue = e.target.value;
-            var fp = (0, _extends3.default)({}, _this.state.featureParams);
-            fp.defaultValue = defaultValue;
-            _this.setState({ featureParams: fp });
-            _this.createFeature(fp);
-        };
-
-        _this.createFeature = function (featureParams) {
-
-            try {
-                var feature = (0, _stringify2.default)(featureParams);
-                _this.setState({
-                    feature: feature
-                });
-                _this.props.onChange(feature);
-            } catch (e) {
-                console.log(e);
-                _message3.default.error('生成控件配置参数出错！');
-            }
-        };
-
-        _this.state = {
-            feature: '', //原参数json字符串
-            radioLabels: '', //label textarea文本域的值
-            radioValues: '', //value textarea文本域的值
-            featureParams: {
-                name: '单选框组合组件',
-                type: _inputConst.InputType.RADIO, //控件类型，必须有此属性，用于渲染时期判断控件类型
-                options: [],
-                required: false, //是否必须
-                defaultValue: '', //默认值
-                validationValueType: 'string' //用于校验的值的类型
-            }
-        };
-        return _this;
-    }
-
-    (0, _createClass3.default)(SettingRadio, [{
-        key: 'componentWillMount',
-
-
-        //在渲染前调用,可在此最后一次初始化组件状态
-        value: function componentWillMount() {
-            //将输入控件配置参数设置到状态中
-            if (this.props.initFeature) {
-                try {
-                    var initFeature = JSON.parse(this.props.initFeature);
-                    if (initFeature.type == _inputConst.InputType.RADIO) {
-                        var _initFeature$options = initFeature.options,
-                            options = _initFeature$options === undefined ? [] : _initFeature$options,
-                            _initFeature$required = initFeature.required,
-                            required = _initFeature$required === undefined ? false : _initFeature$required,
-                            _initFeature$defaultV = initFeature.defaultValue,
-                            defaultValue = _initFeature$defaultV === undefined ? '' : _initFeature$defaultV;
-
-
-                        var radioLabels = '';
-                        var radioValues = '';
-                        var _iteratorNormalCompletion = true;
-                        var _didIteratorError = false;
-                        var _iteratorError = undefined;
-
-                        try {
-                            for (var _iterator = (0, _getIterator3.default)(options), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-                                var radioParam = _step.value;
-
-                                radioLabels += radioParam.label + ",";
-                                radioValues += radioParam.value + ",";
-                            }
-                        } catch (err) {
-                            _didIteratorError = true;
-                            _iteratorError = err;
-                        } finally {
-                            try {
-                                if (!_iteratorNormalCompletion && _iterator.return) {
-                                    _iterator.return();
-                                }
-                            } finally {
-                                if (_didIteratorError) {
-                                    throw _iteratorError;
-                                }
-                            }
-                        }
-
-                        if (radioLabels.length > 0) {
-                            radioLabels = radioLabels.substring(0, radioLabels.length - 1);
-                        }
-                        if (radioValues.length > 0) {
-                            radioValues = radioValues.substring(0, radioValues.length - 1);
-                        }
-
-                        var fp = (0, _extends3.default)({}, this.state.featureParams);
-                        fp.options = options;
-                        fp.required = required;
-                        fp.defaultValue = defaultValue;
-
-                        this.setState({
-                            feature: this.props.initFeature,
-                            radioLabels: radioLabels,
-                            radioValues: radioValues,
-                            featureParams: fp
-                        });
-                    }
-                } catch (e) {
-                    console.log(e);
-                    _message3.default.error('解析控件配置参数出错！');
-                }
-            } else {
-                try {
-                    var feature = (0, _stringify2.default)(this.state.featureParams);
-                    this.setState({
-                        feature: feature
-                    });
-                } catch (e) {
-                    console.log(e);
-                    _message3.default.error('生成控件配置参数出错！');
-                }
-            }
-        }
-
-        //供父组件获取feature
-
-
-        //单选框标签值
-
-
-        //单选框真实值
-
-
-        //是否必填
-
-
-        //默认值
-
-
-        //生成feature参数json字符串
-
-    }, {
-        key: 'render',
-        value: function render() {
-
-            var radioLabels = this.state.radioLabels;
-            var radioValues = this.state.radioValues;
-            var _state$featureParams = this.state.featureParams,
-                required = _state$featureParams.required,
-                defaultValue = _state$featureParams.defaultValue;
-
-
-            return _react2.default.createElement(
-                'div',
-                { id: 'input-setting-div' },
-                _react2.default.createElement(
-                    _row2.default,
-                    { type: 'flex' },
-                    _react2.default.createElement(
-                        _col2.default,
-                        null,
-                        _react2.default.createElement(
-                            'div',
-                            { style: { margin: "16px 0" } },
-                            '\u5355\u9009\u6846\u914D\u7F6E\u4FE1\u606F'
-                        )
-                    )
-                ),
-                _react2.default.createElement(
-                    _row2.default,
-                    { type: 'flex', gutter: 8 },
-                    _react2.default.createElement(
-                        _col2.default,
-                        { span: 12 },
-                        _react2.default.createElement(
-                            'div',
-                            { style: { marginBottom: "5px" } },
-                            '\u5355\u9009\u6846\u6807\u7B7E'
-                        ),
-                        _react2.default.createElement(TextArea, {
-                            rows: 3,
-                            placeholder: '\u8BF7\u8F93\u5165\u4E00\u7EC4\u5355\u9009\u6846\u6807\u7B7E\uFF0C\u4EE5\u9017\u53F7\',\'\u9694\u5F00\u3002\u5982\uFF1A\'\u6807\u7B7E1,\u6807\u7B7E2,\u6807\u7B7E3\'\uFF0C\u4E0D\u5B9C\u8D85\u8FC75\u9879',
-                            onChange: this.handleRadioLabelChange,
-                            value: radioLabels
-                        })
-                    ),
-                    _react2.default.createElement(
-                        _col2.default,
-                        { span: 12 },
-                        _react2.default.createElement(
-                            'div',
-                            { style: { marginBottom: "5px" } },
-                            '\u5355\u9009\u6846\u503C'
-                        ),
-                        _react2.default.createElement(TextArea, {
-                            rows: 3,
-                            placeholder: '\u8BF7\u8F93\u5165\u4E00\u7EC4\u5355\u9009\u6846\u503C\uFF0C\u4EE5\u9017\u53F7\',\'\u9694\u5F00\u3002\u5982\uFF1A\'\u503C1,\u503C2,\u503C3\'\uFF0C\u4E0D\u5B9C\u8D85\u8FC75\u9879',
-                            onChange: this.handleRadioValueChange,
-                            value: radioValues
-                        })
-                    )
-                ),
-                _react2.default.createElement(
-                    _row2.default,
-                    { type: 'flex' },
-                    _react2.default.createElement(
-                        _col2.default,
-                        null,
-                        _react2.default.createElement(
-                            'div',
-                            { style: { margin: "16px 0" } },
-                            '\u662F\u5426\u5FC5\u586B'
-                        )
-                    )
-                ),
-                _react2.default.createElement(
-                    _row2.default,
-                    { type: 'flex' },
-                    _react2.default.createElement(
-                        _col2.default,
-                        null,
-                        _react2.default.createElement(
-                            RadioGroup,
-                            { onChange: this.handleRequiredRadioChange, name: 'requiredradiogroup',
-                                value: required },
-                            _react2.default.createElement(
-                                _radio2.default,
-                                { value: false },
-                                '\u975E\u5FC5\u586B'
-                            ),
-                            _react2.default.createElement(
-                                _radio2.default,
-                                { value: true },
-                                '\u5FC5\u586B'
-                            )
-                        )
-                    )
-                ),
-                _react2.default.createElement(
-                    _row2.default,
-                    { type: 'flex' },
-                    _react2.default.createElement(
-                        _col2.default,
-                        { span: 24 },
-                        _react2.default.createElement(
-                            'div',
-                            { style: { margin: "16px 0" } },
-                            '\u9ED8\u8BA4\u503C'
-                        )
-                    )
-                ),
-                _react2.default.createElement(
-                    _row2.default,
-                    { type: 'flex' },
-                    _react2.default.createElement(
-                        _col2.default,
-                        { span: 12 },
-                        _react2.default.createElement(_input2.default, { placeholder: '\u8BF7\u8F93\u5165\u9ED8\u8BA4\u9009\u4E2D\u9879\u7684\u503C', onChange: this.handleDefaultValueChange, value: defaultValue })
-                    )
-                )
-            );
-        }
-    }]);
-    return SettingRadio;
-}(_react2.default.Component);
-
-SettingRadio.defaultProps = {
-    initFeature: '' };
-exports.default = SettingRadio;