dlt-for-react 1.1.16 → 1.1.17

package/lib/components/HqInputPicker/edit-page.js

@@ -0,0 +1,585 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+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 _tabs = require('antd/lib/tabs');
+
+var _tabs2 = _interopRequireDefault(_tabs);
+
+require('antd/lib/message/style');
+
+require('antd/lib/tabs/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _inputConst = require('./input-const');
+
+var _settingInput = require('./setting-input');
+
+var _settingInput2 = _interopRequireDefault(_settingInput);
+
+var _settingTextarea = require('./setting-textarea');
+
+var _settingTextarea2 = _interopRequireDefault(_settingTextarea);
+
+var _settingRadio = require('./setting-radio');
+
+var _settingRadio2 = _interopRequireDefault(_settingRadio);
+
+var _settingSelect = require('./setting-select');
+
+var _settingSelect2 = _interopRequireDefault(_settingSelect);
+
+var _settingSwitch = require('./setting-switch');
+
+var _settingSwitch2 = _interopRequireDefault(_settingSwitch);
+
+var _settingDatepicker = require('./setting-datepicker');
+
+var _settingDatepicker2 = _interopRequireDefault(_settingDatepicker);
+
+var _settingRangepicker = require('./setting-rangepicker');
+
+var _settingRangepicker2 = _interopRequireDefault(_settingRangepicker);
+
+var _settingUpload = require('./setting-upload');
+
+var _settingUpload2 = _interopRequireDefault(_settingUpload);
+
+var _settingTimepicker = require('./setting-timepicker');
+
+var _settingTimepicker2 = _interopRequireDefault(_settingTimepicker);
+
+var _settingMultiSelect = require('./setting-multiSelect');
+
+var _settingMultiSelect2 = _interopRequireDefault(_settingMultiSelect);
+
+var _settingNhcascader = require('./setting-nhcascader');
+
+var _settingNhcascader2 = _interopRequireDefault(_settingNhcascader);
+
+var _settingDatetimepicker = require('./setting-datetimepicker');
+
+var _settingDatetimepicker2 = _interopRequireDefault(_settingDatetimepicker);
+
+var _settingInputNumber = require('./setting-inputNumber');
+
+var _settingInputNumber2 = _interopRequireDefault(_settingInputNumber);
+
+var _settingMonthpicker = require('./setting-monthpicker');
+
+var _settingMonthpicker2 = _interopRequireDefault(_settingMonthpicker);
+
+var _settingOldUpload = require('./setting-old-upload');
+
+var _settingOldUpload2 = _interopRequireDefault(_settingOldUpload);
+
+var _settingStuSelector = require('./setting-stu-selector');
+
+var _settingStuSelector2 = _interopRequireDefault(_settingStuSelector);
+
+var _settingTeaSelector = require('./setting-tea-selector');
+
+var _settingTeaSelector2 = _interopRequireDefault(_settingTeaSelector);
+
+var _settingCheckbox = require('./setting-checkbox');
+
+var _settingCheckbox2 = _interopRequireDefault(_settingCheckbox);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TabPane = _tabs2.default.TabPane;
+
+/**
+ * 输入控件参数设置页面
+ * Author: zengxiangkai@ly-sky.com
+ * Created on: 2018-02-05 14:56:33
+ * Version: 1.0
+ * Modify log:
+ */
+
+var EditPage = function (_React$Component) {
+  (0, _inherits3.default)(EditPage, _React$Component);
+
+  function EditPage(props) {
+    (0, _classCallCheck3.default)(this, EditPage);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (EditPage.__proto__ || (0, _getPrototypeOf2.default)(EditPage)).call(this, props));
+
+    _this.saveSettingInputRef = function (ref) {
+      _this.settingInputRef = ref;
+      //这里判断是否是初始进来的页面，如果是初始页面，则防止feature被覆盖
+      if (ref !== null && (_this.state.defaultActiveKey != _inputConst.InputType.INPUT || _this.state.feature == '')) {
+        //当组件实例化时（这里是当前显示的组件），同步获取其feature
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingTextAreaRef = function (ref) {
+      _this.settingTextAreaRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey != _inputConst.InputType.TEXTAREA || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingRadioRef = function (ref) {
+      _this.settingRadioRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey != _inputConst.InputType.RADIO || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingSelectRef = function (ref) {
+      _this.settingSelectRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey != _inputConst.InputType.SELECT && _this.state.defaultActiveKey != _inputConst.InputType.SEL || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingSwitchRef = function (ref) {
+      _this.settingSwitchRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey != _inputConst.InputType.SWITCH || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingDatePickerRef = function (ref) {
+      _this.settingDatePickerRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey != _inputConst.InputType.DATEPICKER || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingRangePickerRef = function (ref) {
+      _this.settingRangePickerRef = ref;
+      if (ref != null && (_this.state.defaultActiveKey != _inputConst.InputType.RANGEPICKER || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingUploadRef = function (ref) {
+      _this.settingUploadRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey !== _inputConst.InputType.UPLOAD || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingOldUploadRef = function (ref) {
+      _this.settingOldUploadRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey !== _inputConst.InputType.OLDUPLOAD || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingTimePickerRef = function (ref) {
+      _this.settingTimePickerRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey !== _inputConst.InputType.TIMEPICKER || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingMultiSelectRef = function (ref) {
+      _this.settingMultiSelectRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey !== _inputConst.InputType.MULTISELECT || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingNHCascaderRef = function (ref) {
+      _this.settingNHCascaderRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey !== _inputConst.InputType.NHCASCADER || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingDateTimePickerRef = function (ref) {
+      _this.settingDateTimePickerRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey !== _inputConst.InputType.DATETIMEPICKER || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingInputNumberRef = function (ref) {
+      _this.settingInputNumberRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey !== _inputConst.InputType.INPUTNUMBER || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingStuSelectorRef = function (ref) {
+      _this.settingStuSelectorRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey !== _inputConst.InputType.STUSELECTOR || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingTeaSelectorRef = function (ref) {
+      _this.settingTeaSelectorRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey !== _inputConst.InputType.TEASELECTOR || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingCheckboxRef = function (ref) {
+      _this.settingCheckboxRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey !== _inputConst.InputType.CHECKBOX || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.saveSettingMonthPickerRef = function (ref) {
+      _this.settingMonthPickerRef = ref;
+      if (ref !== null && (_this.state.defaultActiveKey != _inputConst.InputType.MONTHPICKER || _this.state.feature == '')) {
+        _this.setState({ feature: ref.getFeature() });
+      }
+    };
+
+    _this.handleTabsChange = function (key) {
+
+      //切换面板时，手动获取对应输入控件的配置参数
+      if (key == _inputConst.InputType.INPUT) {
+        /** 如果该页面未显示过(实例化)，则这里的ref会为undefined，所以会调用ref的回调方法，在那里获取feature。
+            当实例化过一次了，下次就可以调用此方法*/
+        if (_this.settingInputRef !== undefined) {
+          _this.setState({ feature: _this.settingInputRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.TEXTAREA) {
+        if (_this.settingTextAreaRef !== undefined) {
+          _this.setState({ feature: _this.settingTextAreaRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.RADIO) {
+        if (_this.settingRadioRef !== undefined) {
+          _this.setState({ feature: _this.settingRadioRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.SELECT || key == _inputConst.InputType.SEL) {
+        if (_this.settingSelectRef !== undefined) {
+          _this.setState({ feature: _this.settingSelectRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.SWITCH) {
+        if (_this.settingSwitchRef !== undefined) {
+          _this.setState({ feature: _this.settingSwitchRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.DATEPICKER) {
+        if (_this.settingDatePickerRef !== undefined) {
+          _this.setState({ feature: _this.settingDatePickerRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.RANGEPICKER) {
+        if (_this.settingRangePickerRef !== undefined) {
+          _this.setState({ feature: _this.settingRangePickerRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.UPLOAD) {
+        if (_this.settingUploadRef !== undefined) {
+          _this.setState({ feature: _this.settingUploadRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.TIMEPICKER) {
+        if (_this.settingTimePickerRef !== undefined) {
+          _this.setState({ feature: _this.settingTimePickerRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.MULTISELECT) {
+        if (_this.settingMultiSelectRef !== undefined) {
+          _this.setState({ feature: _this.settingMultiSelectRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.NHCASCADER) {
+        if (_this.settingNHCascaderRef !== undefined) {
+          _this.setState({ feature: _this.settingNHCascaderRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.DATETIMEPICKER) {
+        if (_this.settingDateTimePickerRef !== undefined) {
+          _this.setState({ feature: _this.settingDateTimePickerRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.INPUTNUMBER) {
+        if (_this.settingInputNumberRef !== undefined) {
+          _this.setState({ feature: _this.settingInputNumberRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.MONTHPICKER) {
+        if (_this.settingMonthPickerRef !== undefined) {
+          _this.setState({ feature: _this.settingMonthPickerRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.OLDUPLOAD) {
+        if (_this.settingOldUploadRef !== undefined) {
+          _this.setState({ feature: _this.settingOldUploadRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.STUSELECTOR) {
+        if (_this.settingStuSelectorRef !== undefined) {
+          _this.setState({ feature: _this.settingStuSelectorRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.TEASELECTOR) {
+        if (_this.settingTeaSelectorRef !== undefined) {
+          _this.setState({ feature: _this.settingTeaSelectorRef.getFeature() });
+        }
+      } else if (key == _inputConst.InputType.CHECKBOX) {
+        if (_this.settingCheckboxRef !== undefined) {
+          _this.setState({ feature: _this.settingCheckboxRef.getFeature() });
+        }
+      }
+    };
+
+    _this.handleInputChange = function (feature) {
+      _this.setState({
+        feature: feature
+      });
+    };
+
+    _this.getFeature = function () {
+      return _this.state.feature;
+    };
+
+    _this.state = {
+      defaultActiveKey: _inputConst.InputType.INPUT, //初始显示输入控件配置页面
+      feature: '' //输入控件配置参数
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(EditPage, [{
+    key: 'componentWillMount',
+
+
+    //在渲染前调用,可在此最后一次初始化组件状态
+    value: function componentWillMount() {
+      //将输入控件配置参数设置到状态中
+      if (this.props.initFeature) {
+        try {
+          var initFeature = JSON.parse(this.props.initFeature);
+          this.setState({
+            defaultActiveKey: initFeature.type ? initFeature.type : _inputConst.InputType.INPUT,
+            feature: this.props.initFeature
+          });
+        } catch (e) {
+          console.log(e);
+          _message3.default.error('解析控件配置参数出错！');
+        }
+      }
+    }
+
+    //React将会在组件实例化的时候调用ref回调和DOM元素，当它销毁的时候调用它和null。
+
+
+    //切换面板的回调
+
+
+    //子组件状态提升，同步当前设置的参数
+
+
+    //供父组件获取feature
+
+  }, {
+    key: 'render',
+    value: function render() {
+
+      var initFeature = {};
+      if (this.state.feature !== undefined && this.state.feature != '') {
+        try {
+          initFeature = JSON.parse(this.state.feature);
+        } catch (e) {
+          _message3.default.error('解析控件配置参数出错！');
+        }
+      }
+
+      return _react2.default.createElement(
+        'div',
+        { id: 'div-inputPicker-editPage' },
+        _react2.default.createElement(
+          _tabs2.default,
+          {
+            defaultActiveKey: this.state.defaultActiveKey,
+            tabPosition: 'left',
+            size: 'small',
+            onChange: this.handleTabsChange,
+            style: { height: 500 }
+          },
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u5355\u884C\u8F93\u5165\u6846', key: _inputConst.InputType.INPUT },
+            _react2.default.createElement(_settingInput2.default, { ref: this.saveSettingInputRef,
+              initFeature: initFeature.type == _inputConst.InputType.INPUT ? this.state.feature : null,
+              onChange: this.handleInputChange
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u591A\u884C\u8F93\u5165\u6846', key: _inputConst.InputType.TEXTAREA },
+            _react2.default.createElement(_settingTextarea2.default, { ref: this.saveSettingTextAreaRef,
+              initFeature: initFeature.type == _inputConst.InputType.TEXTAREA ? this.state.feature : null,
+              onChange: this.handleInputChange
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u4E0B\u62C9\u9009\u62E9\u5668', key: _inputConst.InputType.SEL },
+            _react2.default.createElement(_settingSelect2.default, { ref: this.saveSettingSelectRef,
+              initFeature: initFeature.type == _inputConst.InputType.SEL || initFeature.type == _inputConst.InputType.SELECT ? this.state.feature : null,
+              onChange: this.handleInputChange,
+              serverUrl: this.props.serverUrl,
+              serverSign: this.props.serverSign
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u591A\u9009\u4E0B\u62C9\u9009\u62E9\u5668', key: _inputConst.InputType.MULTISELECT },
+            _react2.default.createElement(_settingMultiSelect2.default, { ref: this.saveSettingMultiSelectRef,
+              initFeature: initFeature.type == _inputConst.InputType.MULTISELECT ? this.state.feature : null,
+              onChange: this.handleInputChange,
+              serverUrl: this.props.serverUrl,
+              serverSign: this.props.serverSign
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u7EA7\u8054\u4E0B\u62C9\u9009\u62E9\u5668', key: _inputConst.InputType.NHCASCADER },
+            _react2.default.createElement(_settingNhcascader2.default, { ref: this.saveSettingNHCascaderRef,
+              initFeature: initFeature.type == _inputConst.InputType.NHCASCADER ? this.state.feature : null,
+              onChange: this.handleInputChange,
+              serverUrl: this.props.serverUrl,
+              serverSign: this.props.serverSign
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u5F00\u5173\u9009\u62E9\u5668', key: _inputConst.InputType.SWITCH },
+            _react2.default.createElement(_settingSwitch2.default, { ref: this.saveSettingSwitchRef,
+              initFeature: initFeature.type == _inputConst.InputType.SWITCH ? this.state.feature : null,
+              onChange: this.handleInputChange
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u5355\u9009\u6846', key: _inputConst.InputType.RADIO },
+            _react2.default.createElement(_settingRadio2.default, { ref: this.saveSettingRadioRef,
+              initFeature: initFeature.type == _inputConst.InputType.RADIO ? this.state.feature : null,
+              onChange: this.handleInputChange
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u590D\u9009\u6846', key: _inputConst.InputType.CHECKBOX },
+            _react2.default.createElement(_settingCheckbox2.default, { ref: this.saveSettingCheckboxRef,
+              initFeature: initFeature.type == _inputConst.InputType.CHECKBOX ? this.state.feature : null,
+              onChange: this.handleInputChange,
+              serverUrl: this.props.serverUrl,
+              serverSign: this.props.serverSign
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u65E5\u671F\u9009\u62E9\u6846', key: _inputConst.InputType.DATEPICKER },
+            _react2.default.createElement(_settingDatepicker2.default, { ref: this.saveSettingDatePickerRef,
+              initFeature: initFeature.type == _inputConst.InputType.DATEPICKER ? this.state.feature : null,
+              onChange: this.handleInputChange
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u6708\u4EFD\u9009\u62E9\u6846', key: _inputConst.InputType.MONTHPICKER },
+            _react2.default.createElement(_settingMonthpicker2.default, { ref: this.saveSettingMonthPickerRef,
+              initFeature: initFeature.type === _inputConst.InputType.MONTHPICKER ? this.state.feature : null,
+              onChange: this.handleInputChange
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u65E5\u671F\u8303\u56F4\u9009\u62E9\u6846', key: _inputConst.InputType.RANGEPICKER },
+            _react2.default.createElement(_settingRangepicker2.default, { ref: this.saveSettingRangePickerRef,
+              initFeature: initFeature.type == _inputConst.InputType.RANGEPICKER ? this.state.feature : null,
+              onChange: this.handleInputChange
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u65F6\u95F4\u9009\u62E9\u6846', key: _inputConst.InputType.TIMEPICKER },
+            _react2.default.createElement(_settingTimepicker2.default, { ref: this.saveSettingTimePickerRef,
+              initFeature: initFeature.type == _inputConst.InputType.TIMEPICKER ? this.state.feature : null,
+              onChange: this.handleInputChange
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u65E5\u671F\u65F6\u95F4\u9009\u62E9\u6846', key: _inputConst.InputType.DATETIMEPICKER },
+            _react2.default.createElement(_settingDatetimepicker2.default, { ref: this.saveSettingDateTimePickerRef,
+              initFeature: initFeature.type == _inputConst.InputType.DATETIMEPICKER ? this.state.feature : null,
+              onChange: this.handleInputChange
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u9644\u4EF6\u4E0A\u4F20', key: _inputConst.InputType.UPLOAD },
+            _react2.default.createElement(_settingUpload2.default, { ref: this.saveSettingUploadRef,
+              initFeature: initFeature.type == _inputConst.InputType.UPLOAD ? this.state.feature : null,
+              onChange: this.handleInputChange
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u9644\u4EF6\u4E0A\u4F20(\u65E7\u7248\uFF0C\u6CA1\u6709\u9644\u4EF6\u4E3B\u8868)', key: _inputConst.InputType.OLDUPLOAD },
+            _react2.default.createElement(_settingOldUpload2.default, { ref: this.saveSettingOldUploadRef,
+              initFeature: initFeature.type == _inputConst.InputType.OLDUPLOAD ? this.state.feature : null,
+              onChange: this.handleInputChange
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u6570\u5B57\u8F93\u5165\u6846', key: _inputConst.InputType.INPUTNUMBER },
+            _react2.default.createElement(_settingInputNumber2.default, { ref: this.saveSettingInputNumberRef,
+              initFeature: initFeature.type == _inputConst.InputType.INPUTNUMBER ? this.state.feature : null,
+              onChange: this.handleInputChange
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u5B66\u751F\u9009\u62E9\u5668', key: _inputConst.InputType.STUSELECTOR },
+            _react2.default.createElement(_settingStuSelector2.default, { ref: this.saveSettingStuSelectorRef,
+              initFeature: initFeature.type == _inputConst.InputType.STUSELECTOR ? this.state.feature : null,
+              onChange: this.handleInputChange,
+              serverUrl: this.props.serverUrl,
+              serverSign: this.props.serverSign
+            })
+          ),
+          _react2.default.createElement(
+            TabPane,
+            { tab: '\u6559\u5E08\u9009\u62E9\u5668', key: _inputConst.InputType.TEASELECTOR },
+            _react2.default.createElement(_settingTeaSelector2.default, { ref: this.saveSettingTeaSelectorRef,
+              initFeature: initFeature.type == _inputConst.InputType.TEASELECTOR ? this.state.feature : null,
+              onChange: this.handleInputChange,
+              serverUrl: this.props.serverUrl,
+              serverSign: this.props.serverSign
+            })
+          )
+        )
+      );
+    }
+  }]);
+  return EditPage;
+}(_react2.default.Component);
+
+EditPage.defaultProps = {
+  initFeature: '' //初始输入控件配置参数
+};
+exports.default = EditPage;