dlt-for-react 1.0.24 → 1.1.1

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

@@ -0,0 +1,850 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _NHSelect2 = require('xgui-for-react/lib/components/NHSelect');
+
+var _NHSelect3 = _interopRequireDefault(_NHSelect2);
+
+var _tooltip = require('antd/lib/tooltip');
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _checkbox = require('antd/lib/checkbox');
+
+var _checkbox2 = _interopRequireDefault(_checkbox);
+
+var _inputNumber = require('antd/lib/input-number');
+
+var _inputNumber2 = _interopRequireDefault(_inputNumber);
+
+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/tooltip/style');
+
+require('antd/lib/icon/style');
+
+require('antd/lib/checkbox/style');
+
+require('antd/lib/input-number/style');
+
+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');
+
+var _reactCustomScrollbars = require('react-custom-scrollbars');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var RadioGroup = _radio2.default.Group;
+var TextArea = _input2.default.TextArea;
+
+//最小宽度
+
+var minWidth = 1;
+
+/**
+ * 教师选择器控件配置组件
+ * Author: yangpeisen@ly-sky.com
+ * Created on: 2022-11-23 15:56:12
+ * Version: 1.0
+ * Modify log:
+ * 2022-11-23：1、create
+ */
+
+var SettingCheckbox = function (_React$Component) {
+  (0, _inherits3.default)(SettingCheckbox, _React$Component);
+
+  function SettingCheckbox(props) {
+    (0, _classCallCheck3.default)(this, SettingCheckbox);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (SettingCheckbox.__proto__ || (0, _getPrototypeOf2.default)(SettingCheckbox)).call(this, props));
+
+    _this.getFeature = function () {
+      return _this.state.feature;
+    };
+
+    _this.handleWidthRadioChange = function (e) {
+      var widthType = e.target.value;
+
+      var fp = (0, _extends3.default)({}, _this.state.featureParams);
+      fp.widthType = widthType;
+      fp.widthStr = '';
+
+      _this.setState({ width: '', featureParams: fp });
+      _this.createFeature(fp);
+    };
+
+    _this.handleWidthChange = function (value) {
+      var widthStr = void 0;
+      var widthType = _this.state.featureParams.widthType;
+
+      if (widthType == _inputConst.WidthType.RELATIVE) {
+        widthStr = value + '%';
+      } else if (widthType == _inputConst.WidthType.FIXED) {
+        widthStr = value + 'px';
+      } else {
+        widthStr = '';
+      }
+
+      var fp = (0, _extends3.default)({}, _this.state.featureParams);
+      fp.widthStr = widthStr;
+
+      _this.setState({ width: value, featureParams: fp });
+      _this.createFeature(fp);
+    };
+
+    _this.handleResponseRadioChange = function (e) {
+      var gridType = e.target.value;
+
+      var fp = (0, _extends3.default)({}, _this.state.featureParams);
+      fp.gridType = gridType;
+      fp.columnsNum = null;
+
+      _this.setState({ columnsNum: null, featureParams: fp });
+      _this.createFeature(fp);
+    };
+
+    _this.handleResponseChange = function (value) {
+      var columnsNum = value || null;
+
+      var fp = (0, _extends3.default)({}, _this.state.featureParams);
+      fp.columnsNum = columnsNum;
+      _this.setState({ columnsNum: columnsNum, featureParams: fp });
+      _this.createFeature(fp);
+    };
+
+    _this.handleDataTagChange = function (e) {
+      var dataTag = e.target.value;
+      var fp = (0, _extends3.default)({}, _this.state.featureParams);
+      if (dataTag.length > 0) {
+        //只能输入英文
+        var en_characters_pattern = new RegExp(_inputConst.RegularExpression.EN_NUMBER_UNDERLINE.pattern);
+        if (!en_characters_pattern.test(dataTag)) {
+          dataTag = '';
+        } else {
+          //dataTag = dataTag.toLowerCase(); //将英文字母统一转换为小写
+        }
+      }
+      fp.dataTag = dataTag;
+      _this.setState({ featureParams: fp });
+      _this.createFeature(fp);
+    };
+
+    _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);
+      } else {
+        var fp = (0, _extends3.default)({}, _this.state.featureParams);
+        fp.options.splice(0, fp.options.length);
+        _this.setState({ featureParams: fp });
+        _this.createFeature(fp);
+      }
+
+      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(/,|，/);
+        }
+
+        _this.setFeatureOptions(labelArray, valueArray);
+      }
+      _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);
+      } else {
+        var fp = (0, _extends3.default)({}, _this.state.featureParams);
+        fp.options.splice(0, fp.options.length);
+        _this.setState({ featureParams: fp });
+        _this.createFeature(fp);
+      }
+
+      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(/,|，/);
+        }
+
+        _this.setFeatureOptions(labelArray, valueArray);
+      }
+      _this.setState({ radioValues: values });
+    };
+
+    _this.setFeatureOptions = function (labelArray, valueArray) {
+      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.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.handleDisableRadioChange = function (e) {
+      var disabled = e.target.value;
+
+      var fp = (0, _extends3.default)({}, _this.state.featureParams);
+      fp.disabled = disabled;
+
+      _this.setState({ featureParams: fp });
+      _this.createFeature(fp);
+    };
+
+    _this.handleDefaultValueChange = function (e) {
+      var defaultValueStr = e.target.value;
+      var arr = [];
+      if (defaultValueStr.length > 0) {
+        //去除末尾的中英文逗号
+        var endChar = defaultValueStr.charAt(defaultValueStr.length - 1);
+        if (endChar == ',' || endChar == '，') {
+          defaultValueStr = defaultValueStr.substring(0, defaultValueStr.length - 1);
+        }
+        arr = defaultValueStr.trim().split(/,|，/);
+      }
+      var fp = (0, _extends3.default)({}, _this.state.featureParams);
+      fp.defaultValue = arr;
+      _this.setState({
+        featureParams: fp,
+        defaultValueStr: defaultValueStr
+      });
+      _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.radioChange = function (e) {
+      var value = e.target.checked;
+      _this.setState({ showSelect: value });
+    };
+
+    _this.selectChange = function (v) {
+      var fp = (0, _extends3.default)({}, _this.state.featureParams);
+      fp.baseUrl = v;
+      _this.setState({ featureParams: fp });
+      _this.createFeature(fp);
+    };
+
+    _this.state = {
+      feature: '', //原参数json字符串
+      width: minWidth, //设置的宽度值，初始为最小宽度值
+      columnsNum: null,
+      radioLabels: '', //label textarea文本域的值
+      radioValues: '', //value textarea文本域的值
+      defaultValueStr: '',
+      featureParams: {
+        name: '复选框组件',
+        type: _inputConst.InputType.CHECKBOX, //控件类型，必须有此属性，用于渲染时期判断控件类型
+        widthType: _inputConst.WidthType.DEFAULT, //宽度类型：自适应'default'、百分比'relative'、固定值'fixed'
+        widthStr: '', //input宽度值
+        dataTag: '', //下拉数据标识
+        required: false, //是否必须
+        defaultValue: [], //默认值
+        validationValueType: 'array', //用于校验的值的类型
+        baseUrl: null,
+        gridType: false,
+        columnsNum: null,
+        options: [],
+        disabled: false
+      },
+      showSelect: false
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(SettingCheckbox, [{
+    key: 'componentWillMount',
+
+
+    //在渲染前调用,可在此最后一次初始化组件状态
+    value: function componentWillMount() {
+      //将输入控件配置参数设置到状态中
+      if (this.props.initFeature) {
+        try {
+          var initFeature = JSON.parse(this.props.initFeature);
+          if (initFeature.type == _inputConst.InputType.CHECKBOX) {
+            var widthType = initFeature.widthType,
+                _initFeature$widthStr = initFeature.widthStr,
+                widthStr = _initFeature$widthStr === undefined ? '' : _initFeature$widthStr,
+                _initFeature$dataTag = initFeature.dataTag,
+                dataTag = _initFeature$dataTag === undefined ? '' : _initFeature$dataTag,
+                _initFeature$required = initFeature.required,
+                required = _initFeature$required === undefined ? false : _initFeature$required,
+                _initFeature$defaultV = initFeature.defaultValue,
+                defaultValue = _initFeature$defaultV === undefined ? [] : _initFeature$defaultV,
+                baseUrl = initFeature.baseUrl,
+                options = initFeature.options,
+                gridType = initFeature.gridType,
+                columnsNum = initFeature.columnsNum;
+
+            var width = '';
+
+            if (widthType == _inputConst.WidthType.RELATIVE) {
+              width = widthStr.replace('%', '');
+            } else if (widthType == _inputConst.WidthType.FIXED) {
+              width = widthStr.replace('px', '');
+            }
+
+            var radioLabels = '';
+            var radioValues = '';
+            var defaultValueStr = '';
+            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);
+            }
+
+            for (var i = 0; i < defaultValue.length; i++) {
+              defaultValueStr += defaultValue[i] + ',';
+            }
+
+            if (defaultValueStr.length > 0) {
+              defaultValueStr = defaultValueStr.substring(0, defaultValueStr.length - 1);
+            }
+
+            var fp = (0, _extends3.default)({}, this.state.featureParams);
+            fp.widthType = widthType;
+            fp.widthStr = widthStr;
+            fp.dataTag = dataTag;
+            fp.required = required;
+            fp.defaultValue = defaultValue;
+            fp.baseUrl = baseUrl;
+            fp.options = options;
+            fp.gridType = gridType, fp.columnsNum = columnsNum, this.setState({
+              feature: this.props.initFeature,
+              defaultValueStr: defaultValueStr,
+              width: width,
+              columnsNum: columnsNum,
+              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
+
+
+    //切换宽度类型radio时回调，清空之前的值
+
+
+    //宽度值改变的时候，同步更新状态参数
+
+
+    //切换响应式radio时回调，清空之前的值
+
+    // 响应式模式下，一行的列数变化时，同步更新状态参数
+
+
+    //当下拉数据标识改变时
+
+
+    // 复选框选项lable
+
+    // 复选框选项value
+
+    // 设置选项参数
+
+
+    //当是否必填改变时
+
+    //当是否禁用改变时
+
+
+    //当输入默认值改变时
+
+
+    //生成feature参数json字符串
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _state = this.state,
+          width = _state.width,
+          columnsNum = _state.columnsNum,
+          radioLabels = _state.radioLabels,
+          radioValues = _state.radioValues,
+          defaultValueStr = _state.defaultValueStr;
+      var _state$featureParams = this.state.featureParams,
+          widthType = _state$featureParams.widthType,
+          dataTag = _state$featureParams.dataTag,
+          required = _state$featureParams.required,
+          defaultValue = _state$featureParams.defaultValue,
+          baseUrl = _state$featureParams.baseUrl,
+          gridType = _state$featureParams.gridType,
+          disabled = _state$featureParams.disabled;
+
+      var showSelectFlag = this.state.showSelect === true || baseUrl !== undefined && baseUrl !== null && baseUrl !== '';
+      return _react2.default.createElement(
+        _reactCustomScrollbars.Scrollbars,
+        { style: { height: '500px' } },
+        _react2.default.createElement(
+          'div',
+          { id: 'input-setting-div', style: { paddingBottom: '30px' } },
+          _react2.default.createElement(
+            _row2.default,
+            { type: 'flex' },
+            _react2.default.createElement(
+              _col2.default,
+              null,
+              _react2.default.createElement(
+                'div',
+                { style: { margin: '16px 0' } },
+                '\u5BBD\u5EA6'
+              )
+            )
+          ),
+          _react2.default.createElement(
+            _row2.default,
+            { type: 'flex' },
+            _react2.default.createElement(
+              _col2.default,
+              null,
+              _react2.default.createElement(
+                RadioGroup,
+                {
+                  onChange: this.handleWidthRadioChange,
+                  name: 'widthradiogroup',
+                  value: widthType
+                },
+                _react2.default.createElement(
+                  _radio2.default,
+                  { value: _inputConst.WidthType.DEFAULT },
+                  '\u81EA\u9002\u5E94'
+                ),
+                _react2.default.createElement(
+                  _radio2.default,
+                  { value: _inputConst.WidthType.RELATIVE },
+                  '\u767E\u5206\u6BD4'
+                ),
+                _react2.default.createElement(
+                  _radio2.default,
+                  { value: _inputConst.WidthType.FIXED },
+                  '\u56FA\u5B9A\u5BBD\u5EA6'
+                )
+              )
+            ),
+            _react2.default.createElement(
+              _col2.default,
+              null,
+              widthType == _inputConst.WidthType.RELATIVE ? _react2.default.createElement(_inputNumber2.default, {
+                size: 'small',
+                min: minWidth,
+                formatter: function formatter(value) {
+                  return value + '%';
+                },
+                parser: function parser(value) {
+                  return value.replace('%', '');
+                },
+                onChange: this.handleWidthChange,
+                value: width
+              }) : widthType == _inputConst.WidthType.FIXED ? _react2.default.createElement(_inputNumber2.default, {
+                size: 'small',
+                min: minWidth,
+                formatter: function formatter(value) {
+                  return value + 'px';
+                },
+                parser: function parser(value) {
+                  return value.replace('px', '');
+                },
+                onChange: this.handleWidthChange,
+                value: width
+              }) : null
+            )
+          ),
+          _react2.default.createElement(
+            _row2.default,
+            { type: 'flex' },
+            _react2.default.createElement(
+              'div',
+              { style: { margin: '16px 0', whiteSpace: 'normal' } },
+              '\u662F\u5426\u6805\u683C\u5E03\u5C40'
+            )
+          ),
+          _react2.default.createElement(
+            _row2.default,
+            { type: 'flex' },
+            _react2.default.createElement(
+              _col2.default,
+              { span: 24 },
+              _react2.default.createElement(
+                RadioGroup,
+                {
+                  onChange: this.handleResponseRadioChange,
+                  name: 'responseradiogroup',
+                  value: gridType
+                },
+                _react2.default.createElement(
+                  _radio2.default,
+                  { value: false },
+                  '\u5426'
+                ),
+                _react2.default.createElement(
+                  _radio2.default,
+                  { value: true },
+                  '\u662F'
+                )
+              )
+            ),
+            _react2.default.createElement(
+              _col2.default,
+              { span: 24, style: { marginTop: '12px' } },
+              gridType == 1 && _react2.default.createElement(_inputNumber2.default, {
+                size: 'small',
+                min: minWidth,
+                placeholder: '请输入列数',
+                onChange: this.handleResponseChange,
+                value: columnsNum
+              })
+            )
+          ),
+          _react2.default.createElement(
+            _row2.default,
+            { type: 'flex' },
+            _react2.default.createElement(
+              _col2.default,
+              null,
+              _react2.default.createElement(
+                'div',
+                { style: { margin: '16px 0' } },
+                '\u4E0B\u62C9\u6570\u636E\u6807\u8BC6'
+              )
+            )
+          ),
+          _react2.default.createElement(
+            _row2.default,
+            { type: 'flex' },
+            _react2.default.createElement(
+              _col2.default,
+              { span: 6 },
+              _react2.default.createElement(
+                _checkbox2.default,
+                { onChange: this.radioChange, checked: showSelectFlag },
+                '\u6307\u5B9A\u670D\u52A1'
+              ),
+              _react2.default.createElement(
+                _tooltip2.default,
+                { title: '不指定服务的情况下默认使用当前服务', placement: 'top' },
+                _react2.default.createElement(_icon2.default, { type: 'question-circle' })
+              )
+            ),
+            _react2.default.createElement(
+              _col2.default,
+              { span: 18 },
+              showSelectFlag && _react2.default.createElement(_NHSelect3.default, {
+                style: { marginLeft: 6, width: '200px' },
+                dropdownMatchSelectWidth: false,
+                onChange: this.selectChange,
+                value: baseUrl,
+                baseUrl: this.props.serverUrl || 'api/zhxg-xtgl',
+                sign: this.props.serverSign || 'zhxg_server_select'
+              })
+            )
+          ),
+          _react2.default.createElement(
+            _row2.default,
+            { type: 'flex', style: { marginTop: 10 } },
+            _react2.default.createElement(
+              _col2.default,
+              { span: 12 },
+              _react2.default.createElement(_input2.default, {
+                placeholder: '\u8BF7\u8F93\u5165\u4E0B\u62C9\u6570\u636E\u82F1\u6587\u5B57\u6BCD\u6807\u8BC6',
+                value: dataTag,
+                onChange: this.handleDataTagChange
+              })
+            )
+          ),
+          _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,
+              null,
+              _react2.default.createElement(
+                'div',
+                { style: { margin: '16px 0', whiteSpace: 'normal' } },
+                '\u590D\u9009\u6846\u914D\u7F6E\u4FE1\u606F'
+              )
+            )
+          ),
+          _react2.default.createElement(
+            _row2.default,
+            { type: 'flex' },
+            _react2.default.createElement(
+              _col2.default,
+              { span: 24 },
+              _react2.default.createElement(
+                'div',
+                null,
+                '\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: defaultValueStr
+              })
+            )
+          ),
+          _react2.default.createElement(
+            _row2.default,
+            { type: 'flex' },
+            _react2.default.createElement(
+              _col2.default,
+              { span: 12 },
+              _react2.default.createElement(
+                'div',
+                { style: { marginBottom: '5px' } },
+                '\u590D\u9009\u6846\u6807\u7B7E'
+              ),
+              _react2.default.createElement(TextArea, {
+                rows: 3,
+                placeholder: '\u8BF7\u8F93\u5165\u4E00\u7EC4\u590D\u9009\u6846\u6807\u7B7E\uFF0C\u4EE5\u9017\u53F7\',\'\u9694\u5F00\u3002\u5982\uFF1A\'\u6807\u7B7E1,\u6807\u7B7E2,\u6807\u7B7E3\'',
+                onChange: this.handleRadioLabelChange,
+                value: radioLabels
+              })
+            ),
+            _react2.default.createElement(
+              _col2.default,
+              { span: 12 },
+              _react2.default.createElement(
+                'div',
+                { style: { marginBottom: '5px' } },
+                '\u590D\u9009\u6846\u503C'
+              ),
+              _react2.default.createElement(TextArea, {
+                rows: 3,
+                placeholder: '\u8BF7\u8F93\u5165\u4E00\u7EC4\u590D\u9009\u6846\u503C\uFF0C\u4EE5\u9017\u53F7\',\'\u9694\u5F00\u3002\u5982\uFF1A\'\u503C1,\u503C2,\u503C3\'',
+                onChange: this.handleRadioValueChange,
+                value: radioValues
+              })
+            )
+          )
+        )
+      );
+    }
+  }]);
+  return SettingCheckbox;
+}(_react2.default.Component);
+
+SettingCheckbox.defaultProps = {
+  initFeature: ''
+};
+exports.default = SettingCheckbox;