dlt-for-react 1.0.24 → 1.1.0

package/lib/components/NHCascader/index.js

@@ -0,0 +1,355 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _picker = require('antd-mobile/lib/picker');
+
+var _picker2 = _interopRequireDefault(_picker);
+
+var _list = require('antd-mobile/lib/list');
+
+var _list2 = _interopRequireDefault(_list);
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+require('antd-mobile/lib/picker/style/css');
+
+require('antd-mobile/lib/list/style/css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHFetch = require('../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /*
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @Description:级联选择
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @Author: zengweijin
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @Date: 2019-07-11 11:34:44
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @LastEditors: zengweijin
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @LastEditTime: 2020-10-22 14:27:09
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
+
+// import NHFetch from '../../utils/NHFetch'
+
+
+var NHCascader = function (_React$Component) {
+    _inherits(NHCascader, _React$Component);
+
+    function NHCascader(props) {
+        _classCallCheck(this, NHCascader);
+
+        var _this = _possibleConstructorReturn(this, (NHCascader.__proto__ || Object.getPrototypeOf(NHCascader)).call(this, props));
+
+        _this.getInitData = function (level, cascaderValue, parentOption) {
+            var sign = _this.props.sign;
+
+            var params = _this.props.params ? _this.props.params : {};
+            params.level = level;
+            params.sign = sign;
+            params.cascaderValue = cascaderValue;
+            var flexibleUrl = _this.props.flexibleUrl;
+            var baseUrl = _this.props.baseUrl;
+            (0, _NHFetch2.default)((baseUrl === undefined ? "" : baseUrl) + (flexibleUrl ? flexibleUrl : "/proData/selectCascaderList"), 'GET', params).then(function (res) {
+                if (res) {
+                    var data = res.data;
+                    if (data) {
+                        if (parentOption) {
+                            parentOption.loading = false;
+                            parentOption.children = data;
+                            _this.setState({
+                                options: _this.state.options
+                            });
+                        } else {
+                            _this.setState({
+                                options: data
+                            });
+                        }
+
+                        //获取初始值，判断是否需要加载下一级级联数据
+                        var initValue = _this.state.value;
+                        if (initValue && initValue.length > 0) {
+                            var targetOption = data.filter(function (item) {
+                                return item.value === initValue[level - 1];
+                            })[0];
+                            if (targetOption) {
+                                if (level < initValue.length) {
+                                    _this.getInitData(level + 1, initValue[level - 1], targetOption);
+                                }
+                            }
+                        } else {
+                            // 如果没有初始化值，默认加载第一个
+                            if (level === 1 && !_this.state.options[0].isLeaf) {
+                                _this.getInitData(level + 1, _this.state.options[0].value, _this.state.options[0]);
+                            } else if (!parentOption.children[0].isLeaf) {
+                                _this.getInitData(level + 1, parentOption.children[0].value, parentOption.children[0]);
+                            }
+                        }
+                    } else {
+                        _this.setState({ options: [] });
+                    }
+                }
+            });
+        };
+
+        _this.getValues = function (callback) {
+            var _this$props = _this.props,
+                sign = _this$props.sign,
+                value = _this$props.value,
+                baseUrl = _this$props.baseUrl;
+
+            var params = {
+                sign: sign,
+                value: value
+            };
+            if (value.length > 0) {
+                (0, _NHFetch2.default)((baseUrl === undefined ? "" : baseUrl) + "/proData/selectValues", 'GET', params).then(function (res) {
+                    if (res && res.code === 200 && res.data) {
+                        _this.setState({ value: res.data }, callback);
+                    }
+                });
+            } else if (typeof callback === 'function') {
+                callback();
+            }
+        };
+
+        _this.loadData = function (value) {
+            var targetOption = _this.state.options;
+            // 找到目前value的最内部一级对应的option
+
+            var _loop = function _loop(i) {
+                if (i > 0) {
+                    targetOption = targetOption.children;
+                }
+                targetOption = targetOption.find(function (item) {
+                    return item.value === value[i];
+                });
+            };
+
+            for (var i = 0; i < value.length; i++) {
+                _loop(i);
+            }
+            // 如果是最后一级或者子节点已经加载数据直接返回
+            if ('value' in _this.props) {
+                _this.props.onChange && _this.props.onChange(value);
+            } else {
+                _this.setState({ value: value });
+            }
+            if (targetOption.isLeaf || targetOption.children) return;
+            var level = targetOption.currLevel + 1;
+            var cascaderValue = targetOption.value;
+            var selectedValue = [].concat(_toConsumableArray(value));
+            _this.getCascaderData(level, cascaderValue, targetOption, selectedValue);
+        };
+
+        _this.getCascaderData = function (level, cascaderValue, targetOption, selectedValue) {
+            var sign = _this.props.sign;
+
+            var params = _this.props.params ? _this.props.params : {};
+            params.level = level;
+            params.sign = sign;
+            params.cascaderValue = cascaderValue;
+            var flexibleUrl = _this.props.flexibleUrl;
+            var baseUrl = _this.props.baseUrl;
+            (0, _NHFetch2.default)((baseUrl === undefined ? "" : baseUrl) + (flexibleUrl ? flexibleUrl : "/proData/selectCascaderList"), 'GET', params).then(function (res) {
+                if (res) {
+                    if (res.data) {
+                        if (targetOption) {
+                            targetOption.children = res.data;
+                            selectedValue.push(targetOption.children[0].value);
+                            // 如果还有下一级，获取下一级的数据
+                            if (!targetOption.children[0].isLeaf) {
+                                _this.getCascaderData(level + 1, targetOption.children[0].value, targetOption.children[0], selectedValue);
+                            } else {
+                                _this.setState({
+                                    options: _this.state.options,
+                                    value: selectedValue
+                                }, function () {});
+                            }
+                        } else {
+                            _this.setState({
+                                options: res.data
+                            });
+                        }
+                    } else {
+                        _this.setState({ options: [] });
+                    }
+                }
+            });
+        };
+
+        _this.handleCascaderChange = function (value) {
+            if (!('value' in _this.props)) {
+                _this.setState({
+                    value: value
+                });
+            }
+            _this.loadData(value);
+        };
+
+        _this.handleChange = function (val) {
+            var valueState = _this.state.value || [];
+            if (!('value' in _this.props) && valueState.length <= val.length) {
+                _this.setState({
+                    value: val
+                });
+            }
+            var value = val.length >= valueState.length ? val : valueState;
+            // 根据选中的value生成option(跟pc保持一致)
+            var selectedOptions = [];
+            var options = _this.state.options;
+
+            var _loop2 = function _loop2(i) {
+                var option = options.find(function (item) {
+                    return item.value === value[i];
+                });
+                selectedOptions.push(option);
+                options = option.children;
+            };
+
+            for (var i = 0; i < value.length; i++) {
+                _loop2(i);
+            }
+            // 如果父组件传入onChange函数，回调并传入参数
+            var onChange = _this.props.onChange;
+            if (onChange) {
+                onChange(value, selectedOptions);
+            }
+        };
+
+        _this.state = {
+            options: _this.props.options || [],
+            value: _this.props.defaultValue || []
+        };
+        return _this;
+    }
+
+    //初始加载第一级级联下拉数据
+
+
+    _createClass(NHCascader, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            var _this2 = this;
+
+            var level = 1;
+            var cascaderValue = '';
+            if (typeof this.props.value === 'string') {
+                this.getValues(function () {
+                    _this2.getInitData(level, cascaderValue);
+                });
+            } else {
+                this.setState({ value: this.props.value || [] }, function () {
+                    _this2.getInitData(level, cascaderValue);
+                });
+            }
+        }
+    }, {
+        key: 'UNSAFE_componentWillReceiveProps',
+        value: function UNSAFE_componentWillReceiveProps(nextProps) {
+            if ('value' in nextProps) {
+                var value = nextProps.value;
+                if (typeof value === 'string') {
+                    this.getValues();
+                } else {
+                    this.setState({ value: value });
+                }
+            }
+            if ('options' in nextProps) {
+                var options = nextProps.options;
+                this.setState({ options: options });
+            }
+        }
+
+        //获取初始化数据
+
+        // 当父组件只传入最后一级的值时获取父级value
+
+
+        //当选择父项时，动态加载子项数据
+
+
+        //从后台查询级联下拉数据
+
+
+        //选择器每一列变化时的回调
+
+        // 完成选择时的回调
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _state = this.state,
+                options = _state.options,
+                value = _state.value;
+            var _props = this.props,
+                style = _props.style,
+                placeholder = _props.placeholder,
+                disabled = _props.disabled,
+                error = _props.error,
+                cols = _props.cols;
+
+            return _react2.default.createElement(
+                'div',
+                { className: disabled ? 'nh-inputrender-disabled' : 'nh-inputrender' },
+                _react2.default.createElement(
+                    _picker2.default,
+                    {
+                        style: style,
+                        data: options,
+                        value: value,
+                        title: placeholder,
+                        disabled: disabled,
+                        onChange: this.handleChange,
+                        onPickerChange: this.handleCascaderChange,
+                        cols: cols ? cols : 3
+                    },
+                    _react2.default.createElement(
+                        _list2.default.Item,
+                        { arrow: 'horizontal', wrap: true, error: error },
+                        this.props.children
+                    )
+                )
+            );
+        }
+    }]);
+
+    return NHCascader;
+}(_react2.default.Component);
+
+//默认属性值
+
+
+exports.default = NHCascader;
+NHCascader.defaultProps = {
+    placeholder: '请选择...', //输入框占位文本
+    disabled: false //是否禁用
+
+
+    //属性检查
+};NHCascader.propTypes = {
+    sign: _propTypes2.default.string.isRequired, //数据源标识
+    style: _propTypes2.default.object, //样式
+    placeholder: _propTypes2.default.string, //输入框占位文本
+    disabled: _propTypes2.default.bool, //是否禁用
+    defaultValue: _propTypes2.default.any, //默认选中项
+    value: _propTypes2.default.any, //初始值
+    onChange: _propTypes2.default.func, //选择完成后的回调
+    baseUrl: _propTypes2.default.string //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+};

package/lib/components/NHCheckboxGroup/index.js

@@ -0,0 +1,135 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _list = require('antd-mobile/lib/list');
+
+var _list2 = _interopRequireDefault(_list);
+
+var _checkbox = require('antd-mobile/lib/checkbox');
+
+var _checkbox2 = _interopRequireDefault(_checkbox);
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+require('antd-mobile/lib/list/style/css');
+
+require('antd-mobile/lib/checkbox/style/css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /*
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @Description:移动端RadioGroup，方便对一组Radio进行处理
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @Author: zengweijin
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @Date: 2019-07-12 11:50:25
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @LastEditors  : zengweijin
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @LastEditTime : 2020-01-16 11:03:57
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
+
+
+var CheckboxGroup = function (_React$Component) {
+  _inherits(CheckboxGroup, _React$Component);
+
+  function CheckboxGroup(props) {
+    _classCallCheck(this, CheckboxGroup);
+
+    var _this = _possibleConstructorReturn(this, (CheckboxGroup.__proto__ || Object.getPrototypeOf(CheckboxGroup)).call(this, props));
+
+    _this.state = {
+      value: props.value || props.defaultValue || []
+    };
+    return _this;
+  }
+
+  _createClass(CheckboxGroup, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          options = _props.options,
+          disabled = _props.disabled,
+          _props$defaultValue = _props.defaultValue,
+          defaultValue = _props$defaultValue === undefined ? [] : _props$defaultValue,
+          _props$value = _props.value,
+          value = _props$value === undefined ? [] : _props$value,
+          _onChange = _props.onChange,
+          label = _props.label,
+          style = _props.style;
+
+      var CheckboxItem = _checkbox2.default.CheckboxItem;
+      var checkedValue = [].concat(_toConsumableArray(this.state.value));
+      if ('value' in this.props) {
+        checkedValue = [].concat(_toConsumableArray(value));
+      }
+      return _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement(
+          _list2.default,
+          { renderHeader: function renderHeader() {
+              return label;
+            }, style: style },
+          options.map(function (item) {
+            return _react2.default.createElement(
+              CheckboxItem,
+              {
+                key: item.value,
+                defaultChecked: defaultValue.includes(item.value),
+                checked: checkedValue.includes(item.value),
+                disabled: disabled || item.disabled,
+                onChange: function onChange(e) {
+                  var value = [].concat(_toConsumableArray(checkedValue));
+                  var checked = e.target.checked;
+                  if (checked) {
+                    value.push(item.value);
+                  } else {
+                    var index = value.indexOf(item.value);
+                    value = [].concat(_toConsumableArray(value.slice(0, index)), _toConsumableArray(value.slice(index + 1, value.length)));
+                  }
+                  if (!('value' in _this2.props)) {
+                    _this2.setState({ value: value });
+                  }
+                  if (_onChange) {
+                    _onChange(value);
+                  }
+                }
+              },
+              item.label
+            );
+          })
+        )
+      );
+    }
+  }]);
+
+  return CheckboxGroup;
+}(_react2.default.Component);
+
+//属性检查
+
+
+exports.default = CheckboxGroup;
+CheckboxGroup.propTypes = {
+  disabled: _propTypes2.default.bool, //是否禁用
+  defaultValue: _propTypes2.default.array, //默认选中项
+  value: _propTypes2.default.array, //初始值
+  onChange: _propTypes2.default.func, //选择完成后的回调
+  options: _propTypes2.default.arrayOf(_propTypes2.default.object) // radio数组Array<{ label: string value: string disabled?: boolean }>
+};