dlt-for-react 1.0.1 → 1.0.3

package/lib/components/NHDynamicFormShow/customModule/rcgl/tssq/NHInputPicker/edit-page.js

@@ -1,504 +0,0 @@
-'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);
-
-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.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.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) {
-        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() });
-        }
-      }
-    };
-
-    _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.SELECT },
-            _react2.default.createElement(_settingSelect2.default, { ref: this.saveSettingSelectRef,
-              initFeature: initFeature.type == _inputConst.InputType.SELECT ? this.state.feature : null,
-              onChange: this.handleInputChange
-            })
-          ),
-          _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
-            })
-          ),
-          _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
-            })
-          ),
-          _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: '\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
-            })
-          )
-        )
-      );
-    }
-  }]);
-  return EditPage;
-}(_react2.default.Component);
-
-EditPage.defaultProps = {
-  initFeature: '' //初始输入控件配置参数
-};
-exports.default = EditPage;