dlt-for-react 1.0.1

package/lib/components/NHRadioGroup/index.js

@@ -0,0 +1,352 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _toConsumableArray2 = require("babel-runtime/helpers/toConsumableArray");
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+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/radio/style");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _NHFetch = require("../../utils/NHFetch");
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var RadioGroup = _radio2.default.Group;
+
+var pathUrl = "/proData/selectDataList";
+
+/**
+ * @Description: 单选按钮组控件
+ * @author weishihuai
+ * @date 2019/3/6 15:06
+ * 更新日志：
+ * 2019-05-23：增加RadioButton样式支持 by zengxiangkai
+ * 使用说明:
+ * 1. 使用sign标识从后台查询数据源时，以'DMK_'加上对应代码库标识,如: sign={'DMK_WJCF_WJLX'}
+ * 2. 使用自定义数据源时,需注意格式. 如: [{"VALUE":"1","LABEL":"日常违纪"},{"VALUE":"2","LABEL":"考试违纪"},{"VALUE":"3","LABEL":"公寓违纪"}]
+ * 3. 使用radioDisabledArr属性可动态配置需要禁用的按钮VALUE值,如: radioDisabledArr={['2','3']}
+ * 4. 使用filterType集合filterData可以过滤指定按钮, 如: filterType={'save'} filterData={['2', '3', '4']}
+ * 5. 使用示例:
+ * <NHRadioGroup
+ *      onChange={this.onWjlxChangeListener}
+ *      radioStyle={radioStyle}
+ *      sign={'DMK_WJCF_WJLX'}
+ *      radioGroupDisabled={false}
+ *      radioDisabledArr={['1', '2']}
+ *      filterType={'save'}
+ *      filterData={['2', '3', '4']}
+ * />
+ *
+ */
+
+var NHRadioGroup = function (_React$Component) {
+    (0, _inherits3.default)(NHRadioGroup, _React$Component);
+
+    function NHRadioGroup(props) {
+        (0, _classCallCheck3.default)(this, NHRadioGroup);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHRadioGroup.__proto__ || (0, _getPrototypeOf2.default)(NHRadioGroup)).call(this, props));
+
+        _initialiseProps.call(_this);
+
+        var _this$props$value = _this.props.value,
+            value = _this$props$value === undefined ? '' : _this$props$value;
+
+        _this.state = {
+            data: [],
+            value: value,
+            radioOptions: []
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(NHRadioGroup, [{
+        key: "componentDidMount",
+        value: function componentDidMount() {
+            this._isMounted = true;
+            var sign = this.props.sign;
+
+            this.getDataSource(sign);
+        }
+    }, {
+        key: "componentWillUnmount",
+        value: function componentWillUnmount() {
+            this._isMounted = false;
+        }
+    }, {
+        key: "UNSAFE_componentWillReceiveProps",
+        value: function UNSAFE_componentWillReceiveProps(nextProps) {
+            if ('value' in nextProps) {
+                var value = nextProps.value;
+                this.setState({
+                    value: value
+                });
+            }
+            if ('dataSource' in nextProps) {
+                var dataSource = nextProps.dataSource;
+                this.setState({
+                    data: dataSource
+                });
+            }
+        }
+
+        //根据数据源标识从后台查询DataSource
+
+
+        //使用自定义的DataSource
+
+
+        //选项变化时的回调函数
+
+
+        //检查单选按钮是否需要禁用
+
+
+        /**
+         * * 组装Radio Options
+         * @memberof NHRadioGroup
+         */
+
+
+        /**
+         * * 组装Radio
+         * @memberof NHRadioGroup
+         */
+
+    }, {
+        key: "render",
+        value: function render() {
+            var _state = this.state,
+                value = _state.value,
+                radioOptions = _state.radioOptions;
+            var _props = this.props,
+                buttonStyle = _props.buttonStyle,
+                radioGroupDisabled = _props.radioGroupDisabled,
+                defaultValue = _props.defaultValue;
+
+
+            return _react2.default.createElement(
+                RadioGroup,
+                {
+                    onChange: this.onRadioSelectChange,
+                    disabled: radioGroupDisabled,
+                    buttonStyle: buttonStyle,
+                    value: value,
+                    defaultValue: defaultValue
+                },
+                radioOptions
+            );
+        }
+    }]);
+    return NHRadioGroup;
+}(_react2.default.Component);
+
+var _initialiseProps = function _initialiseProps() {
+    var _this2 = this;
+
+    this.getDataSource = function (sign) {
+        if (!sign) {
+            _this2.getCustomDataSource();
+        } else {
+            (0, _NHFetch2.default)(pathUrl, 'GET', { sign: sign, t: new Date().getTime() }).then(function (res) {
+                if (res && _this2._isMounted) {
+                    var data = res.data;
+                    if (data) {
+                        _this2.setState({ data: [].concat((0, _toConsumableArray3.default)(data)) }, function () {
+                            _this2.buildRadio();
+                        });
+                    } else {
+                        _this2.getCustomDataSource();
+                    }
+                }
+            });
+        }
+    };
+
+    this.getCustomDataSource = function () {
+        var _props$dataSource = _this2.props.dataSource,
+            dataSource = _props$dataSource === undefined ? [] : _props$dataSource;
+
+        if (dataSource && dataSource.length > 0) {
+            _this2.setState({ data: [].concat((0, _toConsumableArray3.default)(dataSource)) }, function () {
+                _this2.buildRadio();
+            });
+        }
+    };
+
+    this.onRadioSelectChange = function (e) {
+        _this2.setState({ value: e.target.value });
+        var onChange = _this2.props.onChange;
+
+        if (onChange && typeof onChange === 'function') {
+            onChange(e.target.value);
+        }
+    };
+
+    this.checkRadioIsDisable = function (radioDisabledArr, value) {
+        if (radioDisabledArr && radioDisabledArr.length <= 0) {
+            return false;
+        }
+        var val = radioDisabledArr.find(function (key) {
+            return value === key || value === key;
+        });
+        return val !== undefined;
+    };
+
+    this.buildRadio = function () {
+        var _state$data = _this2.state.data,
+            data = _state$data === undefined ? [] : _state$data;
+        var _props2 = _this2.props,
+            _props2$radioDisabled = _props2.radioDisabledArr,
+            radioDisabledArr = _props2$radioDisabled === undefined ? [] : _props2$radioDisabled,
+            _props2$filterType = _props2.filterType,
+            filterType = _props2$filterType === undefined ? '' : _props2$filterType,
+            _props2$filterData = _props2.filterData,
+            filterData = _props2$filterData === undefined ? [] : _props2$filterData;
+
+        var radioOptions = [];
+
+        //同时指定过滤类型和需要过滤的数据VALUE
+        if (filterType && filterData) {
+            switch (filterType) {
+                case 'remove':
+                    {
+                        //过滤掉指定key的单选按钮
+                        var filteredData = data.filter(function (item) {
+                            var itemVal = item.VALUE || item.value;
+                            var isExist = filterData.find(function (val) {
+                                return val === itemVal;
+                            });
+                            return isExist === undefined;
+                        });
+                        if (filteredData && filteredData.length > 0) {
+                            radioOptions = _this2.buildRadioOptions(filteredData, radioDisabledArr);
+                        }
+                        break;
+                    }
+                case 'save':
+                    {
+                        //保留指定key值的单选按钮
+                        var _filteredData = data.filter(function (item) {
+                            var itemVal = item.VALUE || item.value;
+                            var isExist = filterData.find(function (val) {
+                                return val === itemVal;
+                            });
+                            return isExist !== undefined;
+                        });
+                        if (_filteredData && _filteredData.length > 0) {
+                            radioOptions = _this2.buildRadioOptions(_filteredData, radioDisabledArr);
+                        }
+                        break;
+                    }
+                default:
+                    {
+                        radioOptions = _this2.buildRadioOptions(data, radioDisabledArr);
+                        break;
+                    }
+            }
+        } else {
+            //不进行数据过滤
+            radioOptions = _this2.buildRadioOptions(data, radioDisabledArr);
+        }
+
+        _this2.setState({ radioOptions: radioOptions });
+    };
+
+    this.buildRadioOptions = function (filteredData, radioDisabledArr) {
+        var _props3 = _this2.props,
+            radioButton = _props3.radioButton,
+            radioStyle = _props3.radioStyle;
+
+
+        if (radioButton) {
+            return filteredData.map(function (option) {
+                return _react2.default.createElement(
+                    _radio2.default.Button,
+                    {
+                        style: radioStyle,
+                        key: option.VALUE || option.value,
+                        disabled: _this2.checkRadioIsDisable(radioDisabledArr, option.VALUE || option.value),
+                        value: option.VALUE || option.value },
+                    option.LABEL || option.label
+                );
+            });
+        } else {
+            return filteredData.map(function (option) {
+                return _react2.default.createElement(
+                    _radio2.default,
+                    { style: radioStyle,
+                        key: option.VALUE || option.value,
+                        disabled: _this2.checkRadioIsDisable(radioDisabledArr, option.VALUE || option.value),
+                        value: option.VALUE || option.value },
+                    option.LABEL || option.label
+                );
+            });
+        }
+    };
+};
+
+NHRadioGroup.defaultProps = {
+    radioGroupDisabled: false, //按钮组启用/禁用状态
+    radioDisabledArr: [], //需要禁用的按钮集合
+    radioStyle: {}, //按钮排列样式,可配置垂直排列,默认水平排列
+    radioButton: false, //是否按钮样式
+    buttonStyle: 'solid' //按钮样式              
+};
+
+NHRadioGroup.propTypes = {
+    sign: _propTypes2.default.string, //数据源标识
+    dataSource: _propTypes2.default.arrayOf( //自定义数据源
+    _propTypes2.default.shape({
+        value: _propTypes2.default.string,
+        label: _propTypes2.default.node
+    })),
+    radioButton: _propTypes2.default.bool, //是否是按钮样式
+    buttonStyle: _propTypes2.default.oneOf(['outline', 'solid']), //按钮样式（outline | solid）
+    radioGroupDisabled: _propTypes2.default.bool, //按钮组启用/禁用状态
+    defaultValue: _propTypes2.default.string, //默认值
+    value: _propTypes2.default.string, //初始值
+    onChange: _propTypes2.default.func, //选项变化时的回调函数
+    radioDisabledArr: _propTypes2.default.array, //需要禁用的按钮Value集合
+    filterType: _propTypes2.default.oneOf(['save', 'remove']), //过滤数据类型,save - 保留  remove - 移除
+    filterData: _propTypes2.default.array //过滤数据, save - 保留指定的filterData remove - 移除指定的filterData
+};
+
+exports.default = NHRadioGroup;

package/lib/components/NHSelect/getSelectName.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _NHFetch = require('../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var getSelectName = function getSelectName(sign, values) {
+    return (0, _NHFetch2.default)('/proData/getSelectName', 'get', { sign: sign, values: typeof values == 'string' ? values : values.join(','), t: new Date().getTime() }).then(function (res) {
+        if (res) {
+            return res.data;
+        }return '';
+    });
+};
+exports.default = getSelectName;