dlt-for-react 1.0.1 → 1.0.3

package/lib/components/{NHInputPicker → KyInputPicker}/setting-input.js

@@ -187,13 +187,30 @@ var SettingInput = function (_React$Component) {
         };
 
         _this.handleMaxLengthChange = function (value) {
+            _this.setState({ spanDisplay: 'none' });
             //value为输入的值
             var fp = (0, _extends3.default)({}, _this.state.featureParams);
+            if (parseInt(fp.minLength) >= parseInt(value)) {
+                _this.setState({ spanDisplay: 'block' });
+            }
             fp.maxLength = value ? value : '';
             _this.setState({ featureParams: fp });
             _this.createFeature(fp);
         };
 
+        _this.handleMinLengthChange = function (value) {
+            _this.setState({ spanDisplay: 'none' });
+            //value为输入的值
+            var fp = (0, _extends3.default)({}, _this.state.featureParams);
+
+            if (parseInt(fp.maxLength) <= parseInt(value)) {
+                _this.setState({ spanDisplay: 'block' });
+            }
+            fp.minLength = value ? value : '';
+            _this.setState({ featureParams: fp });
+            _this.createFeature(fp);
+        };
+
         _this.state = {
             feature: '', //原参数json字符串
             width: minWidth, //设置的宽度值，初始为最小宽度值
@@ -207,8 +224,10 @@ var SettingInput = function (_React$Component) {
                 required: false, //是否必须
                 defaultValue: '', //默认值
                 validationValueType: 'string',
-                maxLength: '' //输入字数最大值
+                maxLength: '', //输入字数最大值
+                minLength: 0 //输入字数最小值
             },
+            spanDisplay: "none",
             selectOptions: []
         };
         return _this;
@@ -319,6 +338,8 @@ var SettingInput = function (_React$Component) {
 
         //字数最大值限制
 
+        //字数最小值限制
+
     }, {
         key: 'render',
         value: function render() {
@@ -330,7 +351,8 @@ var SettingInput = function (_React$Component) {
                 placeholder = _state$featureParams.placeholder,
                 required = _state$featureParams.required,
                 defaultValue = _state$featureParams.defaultValue,
-                maxLength = _state$featureParams.maxLength;
+                maxLength = _state$featureParams.maxLength,
+                minLength = _state$featureParams.minLength;
 
 
             return _react2.default.createElement(
@@ -445,17 +467,28 @@ var SettingInput = function (_React$Component) {
                         _react2.default.createElement(
                             'div',
                             { style: { margin: "16px 0" } },
-                            '\u6240\u8F93\u5B57\u6570\u6700\u5927\u503C'
+                            '\u6240\u8F93\u5B57\u6570\u8303\u56F4'
                         )
                     )
                 ),
                 _react2.default.createElement(
                     _row2.default,
-                    { type: 'flex' },
+                    { type: 'flex', style: { alignItems: "center" } },
                     _react2.default.createElement(
                         _col2.default,
-                        { span: 12 },
+                        { span: 11 },
+                        _react2.default.createElement(_inputNumber2.default, { placeholder: '\u8BF7\u8F93\u5165\u5B57\u6570\u6700\u5C0F\u503C\u9650\u5236', value: minLength, onChange: this.handleMinLengthChange })
+                    ),
+                    '~',
+                    _react2.default.createElement(
+                        _col2.default,
+                        { span: 11 },
                         _react2.default.createElement(_inputNumber2.default, { placeholder: '\u8BF7\u8F93\u5165\u5B57\u6570\u6700\u5927\u503C\u9650\u5236', value: maxLength, onChange: this.handleMaxLengthChange })
+                    ),
+                    _react2.default.createElement(
+                        'span',
+                        { style: { color: 'red', 'fontSize': '10px', display: this.state.spanDisplay } },
+                        '\u6700\u5C0F\u503C\u4E0D\u53EF\u4EE5\u8D85\u8FC7\u6700\u5927\u503C!'
                     )
                 ),
                 _react2.default.createElement(

package/lib/components/{NHInputPicker/setting-datepicker.js → KyInputPicker/setting-multiSelect.js}

@@ -4,13 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _select = require('antd/lib/select');
+var _input = require('antd/lib/input');
 
-var _select2 = _interopRequireDefault(_select);
+var _input2 = _interopRequireDefault(_input);
 
-var _datePicker = require('antd/lib/date-picker');
+var _NHSelect2 = require('xgui-for-react/lib/components/NHSelect');
 
-var _datePicker2 = _interopRequireDefault(_datePicker);
+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');
 
@@ -60,9 +72,13 @@ var _radio = require('antd/lib/radio');
 
 var _radio2 = _interopRequireDefault(_radio);
 
-require('antd/lib/select/style');
+require('antd/lib/input/style');
+
+require('antd/lib/tooltip/style');
+
+require('antd/lib/icon/style');
 
-require('antd/lib/date-picker/style');
+require('antd/lib/checkbox/style');
 
 require('antd/lib/input-number/style');
 
@@ -80,10 +96,6 @@ var _react2 = _interopRequireDefault(_react);
 
 var _inputConst = require('./input-const');
 
-var _moment = require('moment');
-
-var _moment2 = _interopRequireDefault(_moment);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var RadioGroup = _radio2.default.Group;
@@ -92,20 +104,20 @@ var RadioGroup = _radio2.default.Group;
 var minWidth = 1;
 
 /*
- * @Description:日期控件
+ * @Description:
  * @Author: zengweijin
  * @LastEditors: zengweijin
- * @Date: 2019-04-09 09:24:19
- * @LastEditTime: 2019-04-29 16:57:27
+ * @Date: 2019-04-22 10:59:58
+ * @LastEditTime: 2019-04-22 11:04:02
  */
 
-var SettingDatePicker = function (_React$Component) {
-  (0, _inherits3.default)(SettingDatePicker, _React$Component);
+var SettingMultiSelect = function (_React$Component) {
+  (0, _inherits3.default)(SettingMultiSelect, _React$Component);
 
-  function SettingDatePicker(props) {
-    (0, _classCallCheck3.default)(this, SettingDatePicker);
+  function SettingMultiSelect(props) {
+    (0, _classCallCheck3.default)(this, SettingMultiSelect);
 
-    var _this = (0, _possibleConstructorReturn3.default)(this, (SettingDatePicker.__proto__ || (0, _getPrototypeOf2.default)(SettingDatePicker)).call(this, props));
+    var _this = (0, _possibleConstructorReturn3.default)(this, (SettingMultiSelect.__proto__ || (0, _getPrototypeOf2.default)(SettingMultiSelect)).call(this, props));
 
     _this.getFeature = function () {
       return _this.state.feature;
@@ -141,34 +153,42 @@ var SettingDatePicker = function (_React$Component) {
       _this.createFeature(fp);
     };
 
-    _this.handleRequiredRadioChange = function (e) {
-      var required = e.target.value;
-
+    _this.handleDataTagChange = function (e) {
+      var dataTag = e.target.value;
       var fp = (0, _extends3.default)({}, _this.state.featureParams);
-      fp.required = required;
-
+      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.handleDefaultValueChange = function (date, dateStr) {
-      var defaultValue = dateStr;
+    _this.handleRequiredRadioChange = function (e) {
+      var required = e.target.value;
+
       var fp = (0, _extends3.default)({}, _this.state.featureParams);
-      fp.defaultValue = defaultValue;
+      fp.required = required;
+
       _this.setState({ featureParams: fp });
       _this.createFeature(fp);
     };
 
-    _this.handleFormatChange = function (value) {
-      var format = value;
+    _this.handleDefaultValueChange = function (e) {
+      var defaultValue = e.target.value;
       var fp = (0, _extends3.default)({}, _this.state.featureParams);
-      fp.format = format;
+      fp.defaultValue = defaultValue.split(',');
       _this.setState({ featureParams: fp });
       _this.createFeature(fp);
     };
 
     _this.createFeature = function (featureParams) {
-
       try {
         var feature = (0, _stringify2.default)(featureParams);
         _this.setState({
@@ -181,24 +201,38 @@ var SettingDatePicker = function (_React$Component) {
       }
     };
 
+    _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, //设置的宽度值，初始为最小宽度值
       featureParams: {
-        name: '日期控件',
-        type: _inputConst.InputType.DATEPICKER, //控件类型，必须有此属性，用于渲染时期判断控件类型
+        name: '多选下拉选择器组件',
+        type: _inputConst.InputType.MULTISELECT, //控件类型，必须有此属性，用于渲染时期判断控件类型
         widthType: _inputConst.WidthType.DEFAULT, //宽度类型：自适应'default'、百分比'relative'、固定值'fixed'
         widthStr: '', //input宽度值
+        dataTag: '', //下拉数据标识
         required: false, //是否必须
-        defaultValue: '', //默认值
-        format: 'YYYY-MM-DD',
-        validationValueType: 'object'
-      }
+        defaultValue: [], //默认值
+        validationValueType: 'array', //用于校验的值的类型
+        baseUrl: null
+      },
+      showSelect: false
     };
     return _this;
   }
 
-  (0, _createClass3.default)(SettingDatePicker, [{
+  (0, _createClass3.default)(SettingMultiSelect, [{
     key: 'componentWillMount',
 
 
@@ -208,14 +242,17 @@ var SettingDatePicker = function (_React$Component) {
       if (this.props.initFeature) {
         try {
           var initFeature = JSON.parse(this.props.initFeature);
-          if (initFeature.type == _inputConst.InputType.DATEPICKER) {
+          if (initFeature.type == _inputConst.InputType.MULTISELECT) {
             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;
+                defaultValue = _initFeature$defaultV === undefined ? [] : _initFeature$defaultV,
+                baseUrl = initFeature.baseUrl;
 
             var width = '';
 
@@ -224,11 +261,15 @@ var SettingDatePicker = function (_React$Component) {
             } else if (widthType == _inputConst.WidthType.FIXED) {
               width = widthStr.replace('px', '');
             }
+
             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;
+
             this.setState({
               feature: this.props.initFeature,
               width: width,
@@ -261,11 +302,13 @@ var SettingDatePicker = function (_React$Component) {
     //宽度值改变的时候，同步更新状态参数
 
 
-    //是否必填
+    //当下拉数据标识改变时
 
-    //当输入默认值改变时
 
-    // 日期时间格式
+    //当是否必填改变时
+
+
+    //当输入默认值改变时
 
 
     //生成feature参数json字符串
@@ -273,16 +316,15 @@ var SettingDatePicker = function (_React$Component) {
   }, {
     key: 'render',
     value: function render() {
-
       var width = this.state.width;
       var _state$featureParams = this.state.featureParams,
           widthType = _state$featureParams.widthType,
+          dataTag = _state$featureParams.dataTag,
           required = _state$featureParams.required,
           defaultValue = _state$featureParams.defaultValue,
-          showTime = _state$featureParams.showTime,
-          format = _state$featureParams.format;
-
+          baseUrl = _state$featureParams.baseUrl;
 
+      var showSelectFlag = this.state.showSelect === true || baseUrl !== undefined && baseUrl !== null && baseUrl !== '';
       return _react2.default.createElement(
         'div',
         { id: 'input-setting-div' },
@@ -294,7 +336,7 @@ var SettingDatePicker = function (_React$Component) {
             null,
             _react2.default.createElement(
               'div',
-              { style: { margin: "16px 0" } },
+              { style: { margin: '16px 0' } },
               '\u5BBD\u5EA6'
             )
           )
@@ -307,7 +349,11 @@ var SettingDatePicker = function (_React$Component) {
             null,
             _react2.default.createElement(
               RadioGroup,
-              { onChange: this.handleWidthRadioChange, name: 'widthradiogroup', value: widthType },
+              {
+                onChange: this.handleWidthRadioChange,
+                name: 'widthradiogroup',
+                value: widthType
+              },
               _react2.default.createElement(
                 _radio2.default,
                 { value: _inputConst.WidthType.DEFAULT },
@@ -328,7 +374,8 @@ var SettingDatePicker = function (_React$Component) {
           _react2.default.createElement(
             _col2.default,
             null,
-            widthType == _inputConst.WidthType.RELATIVE ? _react2.default.createElement(_inputNumber2.default, { size: 'small',
+            widthType == _inputConst.WidthType.RELATIVE ? _react2.default.createElement(_inputNumber2.default, {
+              size: 'small',
               min: minWidth,
               formatter: function formatter(value) {
                 return value + '%';
@@ -337,7 +384,9 @@ var SettingDatePicker = function (_React$Component) {
                 return value.replace('%', '');
               },
               onChange: this.handleWidthChange,
-              value: width }) : widthType == _inputConst.WidthType.FIXED ? _react2.default.createElement(_inputNumber2.default, { size: 'small',
+              value: width
+            }) : widthType == _inputConst.WidthType.FIXED ? _react2.default.createElement(_inputNumber2.default, {
+              size: 'small',
               min: minWidth,
               formatter: function formatter(value) {
                 return value + 'px';
@@ -346,7 +395,8 @@ var SettingDatePicker = function (_React$Component) {
                 return value.replace('px', '');
               },
               onChange: this.handleWidthChange,
-              value: width }) : null
+              value: width
+            }) : null
           )
         ),
         _react2.default.createElement(
@@ -357,7 +407,62 @@ var SettingDatePicker = function (_React$Component) {
             null,
             _react2.default.createElement(
               'div',
-              { style: { margin: "16px 0" } },
+              { 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' },
+              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'
             )
           )
@@ -370,7 +475,11 @@ var SettingDatePicker = function (_React$Component) {
             null,
             _react2.default.createElement(
               RadioGroup,
-              { onChange: this.handleRequiredRadioChange, name: 'requiredradiogroup', value: required },
+              {
+                onChange: this.handleRequiredRadioChange,
+                name: 'requiredradiogroup',
+                value: required
+              },
               _react2.default.createElement(
                 _radio2.default,
                 { value: false },
@@ -392,8 +501,8 @@ var SettingDatePicker = function (_React$Component) {
             { span: 24 },
             _react2.default.createElement(
               'div',
-              { style: { margin: "16px 0" } },
-              '\u9ED8\u8BA4\u503C | \u65E5\u671F\u683C\u5F0F'
+              { style: { margin: '16px 0' } },
+              '\u9ED8\u8BA4\u503C'
             )
           )
         ),
@@ -403,28 +512,21 @@ var SettingDatePicker = function (_React$Component) {
           _react2.default.createElement(
             _col2.default,
             { span: 12 },
-            _react2.default.createElement(_datePicker2.default, { placeholder: '\u8BF7\u8F93\u5165\u9ED8\u8BA4\u503C', value: defaultValue ? (0, _moment2.default)(new Date(defaultValue), 'yyyy-MM-dd') : undefined, onChange: this.handleDefaultValueChange, format: format })
-          ),
-          _react2.default.createElement(
-            _col2.default,
-            { span: 12 },
-            _react2.default.createElement(
-              _select2.default,
-              { dropdownMatchSelectWidth: false, onChange: this.handleFormatChange, value: format },
-              _react2.default.createElement(
-                _select2.default.Option,
-                { value: 'YYYY-MM-DD' },
-                'YYYY-MM-DD'
-              )
-            )
+            _react2.default.createElement(_input2.default.TextArea, {
+              rows: 4,
+              placeholder: '\u8BF7\u8F93\u5165\u9ED8\u8BA4\u503C,\u591A\u4E2A\u4F7F\u7528\u201C\uFF0C\u201D\u5206\u9694',
+              onChange: this.handleDefaultValueChange,
+              value: defaultValue.join(',')
+            })
           )
         )
       );
     }
   }]);
-  return SettingDatePicker;
+  return SettingMultiSelect;
 }(_react2.default.Component);
 
-SettingDatePicker.defaultProps = {
-  initFeature: '' };
-exports.default = SettingDatePicker;
+SettingMultiSelect.defaultProps = {
+  initFeature: ''
+};
+exports.default = SettingMultiSelect;