dlt-for-react 1.1.3 → 1.1.4

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

@@ -1,584 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _input = require('antd/lib/input');
-
-var _input2 = _interopRequireDefault(_input);
-
-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 _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 _radio = require('antd/lib/radio');
-
-var _radio2 = _interopRequireDefault(_radio);
-
-require('antd/lib/input/style');
-
-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/radio/style');
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _inputConst = require('./input-const');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var RadioGroup = _radio2.default.Group;
-
-//最小宽度
-var minWidth = 1;
-
-/*
- * @Description:
- * @Author: zengweijin
- * @LastEditors: zengweijin
- * @Date: 2019-04-22 13:52:24
- * @LastEditTime: 2019-04-22 13:53:48
- */
-
-var SettingNHCascader = function (_React$Component) {
-  (0, _inherits3.default)(SettingNHCascader, _React$Component);
-
-  function SettingNHCascader(props) {
-    (0, _classCallCheck3.default)(this, SettingNHCascader);
-
-    var _this = (0, _possibleConstructorReturn3.default)(this, (SettingNHCascader.__proto__ || (0, _getPrototypeOf2.default)(SettingNHCascader)).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.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.handleRequiredRadioChange = function (e) {
-      var required = e.target.value;
-
-      var fp = (0, _extends3.default)({}, _this.state.featureParams);
-      fp.required = required;
-
-      _this.setState({ featureParams: fp });
-      _this.createFeature(fp);
-    };
-
-    _this.handleDefaultValueChange = function (e) {
-      var defaultValue = e.target.value;
-      var fp = (0, _extends3.default)({}, _this.state.featureParams);
-      fp.defaultValue = defaultValue.split(',');
-      _this.setState({ featureParams: fp });
-      _this.createFeature(fp);
-    };
-
-    _this.createFeature = function (featureParams) {
-      try {
-        var feature = (0, _stringify2.default)(featureParams);
-        _this.setState({
-          feature: feature
-        });
-        _this.props.onChange(feature);
-      } catch (e) {
-        console.log(e);
-        _message3.default.error('生成控件配置参数出错！');
-      }
-    };
-
-    _this.radioChange = function (e) {
-      var value = e.target.checked;
-      _this.setState({ showSelect: value });
-    };
-
-    _this.cascadeV5Change = function (e) {
-      var value = e.target.checked;
-      var fp = (0, _extends3.default)({}, _this.state.featureParams);
-      fp.threeOrMoreCascade = value;
-      _this.setState({ featureParams: fp });
-      _this.createFeature(fp);
-    };
-
-    _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.NHCASCADER, //控件类型，必须有此属性，用于渲染时期判断控件类型
-        widthType: _inputConst.WidthType.DEFAULT, //宽度类型：自适应'default'、百分比'relative'、固定值'fixed'
-        widthStr: '', //input宽度值
-        dataTag: '', //下拉数据标识
-        required: false, //是否必须
-        defaultValue: [], //默认值
-        validationValueType: 'array', //用于校验的值的类型
-        baseUrl: null, // 服务api前缀
-        changeOnSelect: false, // 是否点击每级选项都会发生变化
-        threeOrMoreCascade: false // 是否支持三级以上级联（即antd-mobile V5版本Cascader）
-      },
-      showSelect: false
-    };
-    return _this;
-  }
-
-  (0, _createClass3.default)(SettingNHCascader, [{
-    key: 'componentWillMount',
-
-
-    //在渲染前调用,可在此最后一次初始化组件状态
-    value: function componentWillMount() {
-      //将输入控件配置参数设置到状态中
-      if (this.props.initFeature) {
-        try {
-          var initFeature = JSON.parse(this.props.initFeature);
-          if (initFeature.type == _inputConst.InputType.NHCASCADER) {
-            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,
-                _initFeature$threeOrM = initFeature.threeOrMoreCascade,
-                threeOrMoreCascade = _initFeature$threeOrM === undefined ? false : _initFeature$threeOrM;
-
-            var width = '';
-
-            if (widthType == _inputConst.WidthType.RELATIVE) {
-              width = widthStr.replace('%', '');
-            } 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;
-            fp.threeOrMoreCascade = threeOrMoreCascade;
-
-            this.setState({
-              feature: this.props.initFeature,
-              width: width,
-              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时回调，清空之前的值
-
-
-    //宽度值改变的时候，同步更新状态参数
-
-
-    //当下拉数据标识改变时
-
-
-    //当是否必填改变时
-
-
-    //当输入默认值改变时
-
-
-    //生成feature参数json字符串
-
-  }, {
-    key: 'render',
-
-
-    // handleChangeOnSelectRadioChange = (e)=>{
-    //   let changeOnSelect = e.target.value;
-
-    //     const fp = { ...this.state.featureParams };
-    //     fp.changeOnSelect = changeOnSelect;
-
-    //     this.setState({ featureParams: fp });
-    //     this.createFeature(fp);
-    // }
-    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,
-          changeOnSelect = _state$featureParams.changeOnSelect,
-          baseUrl = _state$featureParams.baseUrl,
-          threeOrMoreCascade = _state$featureParams.threeOrMoreCascade;
-
-      var showSelectFlag = this.state.showSelect === true || baseUrl !== undefined && baseUrl !== null && baseUrl !== '';
-      return _react2.default.createElement(
-        'div',
-        { id: 'input-setting-div' },
-        _react2.default.createElement(
-          _row2.default,
-          { type: 'flex' },
-          _react2.default.createElement(
-            _col2.default,
-            null,
-            _react2.default.createElement(
-              'div',
-              { style: { margin: '16px 0' } },
-              '\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(
-            _col2.default,
-            null,
-            _react2.default.createElement(
-              'div',
-              { style: { margin: '16px 0' } },
-              '\u4E0B\u62C9\u6570\u636E\u6807\u8BC6'
-            )
-          )
-        ),
-        _react2.default.createElement(
-          _row2.default,
-          { gutter: 8 },
-          _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'
-            )
-          )
-        ),
-        _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' } },
-              '\u79FB\u52A8\u7AEF\u7279\u6027'
-            )
-          )
-        ),
-        _react2.default.createElement(
-          _row2.default,
-          { gutter: 8 },
-          _react2.default.createElement(
-            _col2.default,
-            { span: 6 },
-            _react2.default.createElement(
-              _checkbox2.default,
-              { onChange: this.cascadeV5Change, checked: threeOrMoreCascade },
-              '\u652F\u6301\u4E09\u7EA7\u4EE5\u4E0A\u7EA7\u8054'
-            )
-          )
-        ),
-        _react2.default.createElement(
-          _row2.default,
-          { type: 'flex' },
-          _react2.default.createElement(
-            _col2.default,
-            { span: 24 },
-            _react2.default.createElement(
-              'div',
-              { style: { margin: '16px 0' } },
-              '\u9ED8\u8BA4\u503C'
-            )
-          )
-        ),
-        _react2.default.createElement(
-          _row2.default,
-          { type: 'flex' },
-          _react2.default.createElement(
-            _col2.default,
-            { span: 12 },
-            _react2.default.createElement(_input2.default.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 SettingNHCascader;
-}(_react2.default.Component);
-
-SettingNHCascader.defaultProps = {
-  initFeature: ''
-};
-exports.default = SettingNHCascader;