dlt-for-react 1.0.23 → 1.1.0

package/lib/components/NHSelect/index.js

@@ -0,0 +1,364 @@
+'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 _NHFetch = require('../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+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 09:04:46
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @LastEditors: zengweijin
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @LastEditTime: 2020-10-22 13:47:11
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
+
+// import NHFetch from '../../utils/NHFetch'
+
+
+var NHSelect = function (_React$Component) {
+    _inherits(NHSelect, _React$Component);
+
+    function NHSelect(props) {
+        _classCallCheck(this, NHSelect);
+
+        var _this = _possibleConstructorReturn(this, (NHSelect.__proto__ || Object.getPrototypeOf(NHSelect)).call(this, props));
+
+        _this.loadRemoteDataUseUrl = function (flexibleUrl) {
+            var _this$props = _this.props,
+                params = _this$props.params,
+                baseUrl = _this$props.baseUrl;
+
+            (0, _NHFetch2.default)(baseUrl + flexibleUrl, 'GET', params).then(function (res) {
+                if (res) {
+                    _this.parseData(res.data);
+                }
+            });
+        };
+
+        _this.loadRemoteDataUseSign = function (sign) {
+            var baseUrl = _this.props.baseUrl;
+            (0, _NHFetch2.default)((baseUrl ? baseUrl : '') + "/proData/selectDataList", 'GET', { sign: sign }).then(function (res) {
+                if (res) {
+                    _this.parseData(res.data);
+                }
+            });
+        };
+
+        _this.loadLocalData = function () {
+            if (_this.props.dataSource) {
+                var nullOption = [{ value: '', label: '请选择...' }];
+                var newData = [].concat(nullOption, _toConsumableArray(_this.props.dataSource));
+                var realData = [].concat(nullOption, _toConsumableArray(_this.props.dataSource));
+                if ('parentValue' in _this.props) {
+                    realData = newData.filter(function (item) {
+                        // 因为nextProps.parentValue 的值可能是undefined
+                        if ('PARENTVALUE' in item) {
+                            return item.PARENTVALUE === _this.props.parentValue;
+                        }
+                        if ('parentValue' in item) {
+                            return item.parentValue === _this.props.parentValue;
+                        }
+                        return false;
+                    });
+                }
+                _this.setState({ data: newData, realData: realData });
+            }
+        };
+
+        _this.parseData = function (data) {
+            if (data) {
+                var nullOption = [];
+                var newData = [].concat(nullOption, _toConsumableArray(data));
+                var realData = [].concat(nullOption, _toConsumableArray(data));
+                if ('parentValue' in _this.props) {
+                    realData = newData.filter(function (item) {
+                        // 因为nextProps.parentValue 的值可能是undefined
+                        if ('PARENTVALUE' in item) {
+                            return item.PARENTVALUE === _this.props.parentValue;
+                        }
+                        if ('parentValue' in item) {
+                            return item.parentValue === _this.props.parentValue;
+                        }
+                        return false;
+                    });
+                }
+                _this.setState({ data: newData, realData: realData });
+            } else {
+                //如果远程数据为空，则尝试加载本地数据源
+                _this.loadLocalData();
+            }
+        };
+
+        _this.getLabel = function (val) {
+            var item = _this.state.data.find(function (item) {
+                return (item.value || item.VALUE) === val[0];
+            });
+            var label = item.label || item.LABEL;
+            return label;
+        };
+
+        _this.handleChange = function (val) {
+            if (!('value' in _this.props)) {
+                _this.setState({
+                    value: val
+                });
+            }
+            var onChange = _this.props.onChange;
+            if (onChange) {
+                onChange(val[0], _this.getLabel(val));
+            }
+            var onSelect = _this.props.onSelect;
+            if (onSelect) {
+                onSelect(val[0], _this.getLabel(val));
+            }
+        };
+
+        var value = _this.props.value ? [_this.props.value] : [];
+        _this.state = {
+            data: [],
+            value: value,
+            realData: []
+        };
+        return _this;
+    }
+
+    _createClass(NHSelect, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            var _props = this.props,
+                flexibleUrl = _props.flexibleUrl,
+                sign = _props.sign;
+            //优先支持自定义的url以满足更复杂的请求
+
+            if (flexibleUrl && flexibleUrl != '') {
+                this.loadRemoteDataUseUrl(flexibleUrl);
+                return;
+            }
+            //如果是使用数据源标识，则优先加载远程数据
+            if (sign && sign !== '') {
+                this.loadRemoteDataUseSign(sign);
+            } else {
+                //如果没有使用远程数据，则加载本地数据
+                this.loadLocalData();
+            }
+        }
+
+        //数据回传格式需要正确格式为[{LABEL:"",VALUE:""},{LABEL:"",VALUE:""}]
+
+        //加载远程数据
+
+
+        //加载本地数据
+
+
+        //解析数据
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _props2 = this.props,
+                style = _props2.style,
+                placeholder = _props2.placeholder,
+                disabled = _props2.disabled,
+                defaultValue = _props2.defaultValue,
+                filterData = _props2.filterData,
+                error = _props2.error;
+            var _state = this.state,
+                value = _state.value,
+                realData = _state.realData;
+
+            var options = [];
+            var data = realData;
+            //如果有过滤条件
+            if (filterData) {
+                var type = filterData.type,
+                    _filterData$filterkey = filterData.filterkeys,
+                    filterkeys = _filterData$filterkey === undefined ? [] : _filterData$filterkey;
+
+                switch (type) {
+                    //过滤掉指定key值
+                    case 'remove':
+                        {
+                            options = data.filter(function (item) {
+                                if (filterkeys.find(function (key) {
+                                    return (item.VALUE || item.value) === key;
+                                })) {
+                                    return false;
+                                } else {
+                                    return true;
+                                }
+                            });
+                            break;
+                        }
+                    //保留指定key值
+                    case 'save':
+                        {
+                            options = data.filter(function (item) {
+                                if (filterkeys.find(function (key) {
+                                    return (item.VALUE || item.value) === key;
+                                })) {
+                                    return true;
+                                } else {
+                                    return false;
+                                }
+                            });
+                            break;
+                        }
+                    //未找到指定过滤类型，则不做过滤
+                    default:
+                        {
+                            /* options = data;*/
+                            break;
+                        }
+                }
+            } else {
+                options = data;
+            }
+            if (defaultValue && value.length === 0) {
+                value = [defaultValue];
+            }
+            // 将大写转为小写
+            options = options.map(function (item) {
+                var i = {};
+                i.value = item.value || item.VALUE;
+                i.label = item.label || item.LABEL;
+                return i;
+            });
+            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,
+                        cols: 1
+                    },
+                    _react2.default.createElement(
+                        _list2.default.Item,
+                        { arrow: 'horizontal', wrap: true, error: error },
+                        this.props.children
+                    )
+                )
+            );
+        }
+    }], [{
+        key: 'getDerivedStateFromProps',
+        value: function getDerivedStateFromProps(nextProps, prevState) {
+
+            var updateState = {};
+
+            if ('value' in nextProps) {
+                var value = nextProps.value;
+                Object.assign(updateState, { value: [value] });
+            }
+
+            if ('dataSource' in nextProps) {
+                var data = nextProps.dataSource;
+                Object.assign(updateState, { data: data });
+            }
+
+            if ('parentValue' in nextProps) {
+                var realData = prevState.data.filter(function (item) {
+                    // 因为nextProps.parentValue 的值可能是undefined
+                    if ('PARENTVALUE' in item) {
+                        return item.PARENTVALUE === nextProps.parentValue;
+                    }
+                    if ('parentValue' in item) {
+                        return item.parentValue === nextProps.parentValue;
+                    }
+                    return false;
+                });
+                var _value = prevState.value;
+                if ('value' in nextProps) {
+                    _value = [nextProps.value];
+                }
+                if (!(realData.findIndex(function (item) {
+                    return item.value === _value[0] || item.VALUE === _value[0];
+                }) > -1)) {
+                    _value = undefined;
+                    if (prevState.data && prevState.data.length > 0 && nextProps.value !== _value && nextProps.onChange) {
+                        // 此时需要重置值，并且通知也上一级（form）
+                        nextProps.onChange(_value, '');
+                    }
+                }
+                Object.assign(updateState, { realData: realData, value: _value });
+            }
+
+            if (Object.keys(updateState).length > 0) {
+                return updateState;
+            }
+
+            return null;
+        }
+    }]);
+
+    return NHSelect;
+}(_react2.default.Component);
+
+//属性默认值
+
+
+exports.default = NHSelect;
+NHSelect.defaultProps = {
+    placeholder: '请选择',
+    disabled: false
+
+    //属性检查
+};NHSelect.propTypes = {
+    sign: _propTypes2.default.string, //远程数据源标识
+    dataSource: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+        value: _propTypes2.default.string,
+        label: _propTypes2.default.node
+    })), //本地数据源
+    style: _propTypes2.default.object, //样式
+    placeholder: _propTypes2.default.string, //下拉提示
+    disabled: _propTypes2.default.bool, //是否禁用
+    defaultValue: _propTypes2.default.string, //默认值
+    value: _propTypes2.default.string, //初始值
+    filterData: _propTypes2.default.shape({
+        type: _propTypes2.default.oneOf(['remove', 'save']), //是保留还是过滤掉
+        filterkeys: _propTypes2.default.array //保留或过滤的key值
+    }), //要过滤掉的Key值
+    onSelect: _propTypes2.default.func, //下拉选项选中时回调
+    onChange: _propTypes2.default.func, //下拉框值变化时回调
+    baseUrl: _propTypes2.default.string //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+};

package/lib/components/NHTreeMenu/index.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _button = require("antd-mobile/lib/button");
+
+var _button2 = _interopRequireDefault(_button);
+
+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/button/style/css");
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _treeNode = require("./treeNode.js");
+
+var _treeNode2 = _interopRequireDefault(_treeNode);
+
+require("../../../assets/NHTreeMenu/index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+// import css from './index.less';
+
+
+var treeMenu = function (_Component) {
+  _inherits(treeMenu, _Component);
+
+  // Tree菜单
+  function treeMenu(props) {
+    _classCallCheck(this, treeMenu);
+
+    return _possibleConstructorReturn(this, (treeMenu.__proto__ || Object.getPrototypeOf(treeMenu)).call(this, props));
+  }
+
+  _createClass(treeMenu, [{
+    key: "render",
+    value: function render() {
+      var _props = this.props,
+          dataList = _props.dataList,
+          selectedData = _props.selectedData,
+          onSelected = _props.onSelected;
+
+      var fullHeight = document.body.clientHeight;
+      var ifShowHeader = sessionStorage.getItem("showHeaderConfig");
+      return _react2.default.createElement(
+        "div",
+        null,
+        dataList instanceof Array ? _react2.default.createElement(
+          "div",
+          {
+            className: "treeMenu",
+            style: {
+              height: ifShowHeader ? "calc(" + fullHeight + "px - 0.88rem - 0.88rem - 0.7rem)" : "calc(" + fullHeight + "px - 0.88rem - 0.88rem)",
+              overflow: "auto"
+            }
+          },
+          dataList.map(function (d, index) {
+            return _react2.default.createElement(_treeNode2.default, {
+              dataList: d,
+              key: "treeNode-" + d.type + "-" + d.id,
+              onSelected: onSelected,
+              selectedData: selectedData
+            });
+          })
+        ) : _react2.default.createElement("div", null),
+        _react2.default.createElement(
+          "div",
+          { className: "treeMenu-button" },
+          _react2.default.createElement(
+            _button2.default,
+            {
+              type: "ghost",
+              inline: true,
+              size: "small",
+              onClick: this.props.onReset
+            },
+            "\u91CD\u7F6E"
+          ),
+          _react2.default.createElement(
+            _button2.default,
+            {
+              type: "primary",
+              inline: true,
+              size: "small",
+              onClick: this.props.onComfirm
+            },
+            "\u786E\u5B9A"
+          )
+        )
+      );
+    }
+  }]);
+
+  return treeMenu;
+}(_react.Component);
+
+// 属性默认值
+
+
+exports.default = treeMenu;
+treeMenu.defaultProps = {
+  // dataList: [],
+};
+
+// 属性检查
+treeMenu.propTypes = {
+  // dataList: PropTypes.array,   //树级的数据
+  onSelected: _propTypes2.default.func, //选中的事件
+  selectedData: _propTypes2.default.array, //所选的数据
+  onClose: _propTypes2.default.func, //点击确认后执行的事件
+  onReset: _propTypes2.default.func //点击重置后执行的事件
+};

package/lib/components/NHTreeMenu/treeNode.js

@@ -0,0 +1,164 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _accordion = require('antd-mobile/lib/accordion');
+
+var _accordion2 = _interopRequireDefault(_accordion);
+
+var _list = require('antd-mobile/lib/list');
+
+var _list2 = _interopRequireDefault(_list);
+
+var _radio = require('antd-mobile/lib/radio');
+
+var _radio2 = _interopRequireDefault(_radio);
+
+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/accordion/style/css');
+
+require('antd-mobile/lib/list/style/css');
+
+require('antd-mobile/lib/radio/style/css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _treeNode = require('./treeNode.js');
+
+var _treeNode2 = _interopRequireDefault(_treeNode);
+
+require('../../../assets/NHTreeMenu/index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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: lisenlin
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @Date: 2021-03-05 09:16:35
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @LastEditors: lisenlin
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * @LastEditTime: 2021-03-09 10:19:22
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
+
+
+var treeNode = function (_Component) {
+    _inherits(treeNode, _Component);
+
+    // Tree菜单节点
+    function treeNode(props) {
+        _classCallCheck(this, treeNode);
+
+        var _this = _possibleConstructorReturn(this, (treeNode.__proto__ || Object.getPrototypeOf(treeNode)).call(this, props));
+
+        _this.RadioClick = function (e) {
+            e.stopPropagation();
+            _this.props.onSelected(_this.props.dataList);
+        };
+
+        _this.renderHeader = function (item, value) {
+
+            var selectedData = _this.props.selectedData;
+            return _react2.default.createElement(
+                'div',
+                { className: item.type + '-TreeNode' },
+                _react2.default.createElement(
+                    _radio2.default.RadioItem,
+                    { onClick: _this.RadioClick
+                        // checked={item.id == selectedData.id}
+                        , checked: selectedData.length > 0 && selectedData.findIndex(function (row) {
+                            return row.id == item.id;
+                        }) !== -1
+                    },
+                    value
+                )
+            );
+        };
+
+        return _this;
+    }
+
+    // 渲染有下一级别（有children）的选项，父级选项
+
+
+    _createClass(treeNode, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var data = this.props.dataList;
+            var selectedData = this.props.selectedData;
+            var Header = this.renderHeader(data, data.value);
+            return data && (!data.children || data.children.length === 0) ?
+            // 渲染无下一级别（无children）的选项
+            _react2.default.createElement(
+                'div',
+                { className: data.type + '-TreeNode' },
+                _react2.default.createElement(
+                    _list2.default,
+                    {
+                        className: 'under-list'
+                    },
+                    _react2.default.createElement(
+                        _radio2.default.RadioItem,
+                        { onClick: this.RadioClick,
+                            checked: selectedData.length > 0 && selectedData.findIndex(function (row) {
+                                return row.id == data.id;
+                            }) !== -1
+                            // checked={selectedData.id==data.id}
+                        },
+                        data.value
+                    )
+                )
+            ) : _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(
+                    _accordion2.default,
+                    null,
+                    _react2.default.createElement(
+                        _accordion2.default.Panel,
+                        { header: Header, className: 'tree-accordion-panel' },
+                        data && data.children && data.children.map(function (item, index) {
+                            // 若存在子元素，则继续遍历
+                            return _react2.default.createElement(_treeNode2.default, {
+                                dataList: item,
+                                onSelected: _this2.props.onSelected,
+                                key: 'treeNodeHasChildren-' + item.type + '-' + item.id,
+                                selectedData: selectedData
+                            });
+                        })
+                    )
+                )
+            );
+        }
+    }]);
+
+    return treeNode;
+}(_react.Component);
+
+// 属性默认值
+
+
+exports.default = treeNode;
+treeNode.defaultProps = {}
+// dataList: [],  
+
+// 属性检查
+;treeNode.propTypes = {
+    // dataList: PropTypes.array,   //树级的数据
+    onSelected: _propTypes2.default.func, //选中的事件
+    selectedData: _propTypes2.default.array //所选的数据
+
+};