dlt-for-react 1.0.1

package/lib/components/NHSelector/utils/NHFetch.js

@@ -0,0 +1,274 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _modal = require('antd/lib/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+var _stringify = require('babel-runtime/core-js/json/stringify');
+
+var _stringify2 = _interopRequireDefault(_stringify);
+
+var _typeof2 = require('babel-runtime/helpers/typeof');
+
+var _typeof3 = _interopRequireDefault(_typeof2);
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+require('antd/lib/modal/style');
+
+require('antd/lib/message/style');
+
+require('isomorphic-fetch');
+
+var _NHCore = require('./NHCore');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var hasClass = function hasClass(node, className) {
+    var exist = false;
+    if (node.getAttribute('class')) {
+        // 存class属性
+        // 式1
+        if (node.getAttribute('class').indexOf(className) > -1) {
+            exist = true;
+        }
+        // 式2
+        if (node.className.indexOf(className) > -1) {
+            exist = true;
+        }
+    }
+    return exist;
+};
+
+var parents = function parents(obj, className) {
+    if (obj.tagName === 'BODY') {
+        return undefined;
+    }
+    if (hasClass(obj, className)) {
+        return obj;
+    } else {
+        return parents(obj.parentNode, className);
+    }
+};
+
+var getTitles = function getTitles(fields) {
+    var errorInfo = "";
+    for (var i = 0; i < fields.length; i++) {
+        var obj = document.getElementById(fields[i]);
+        if (obj) {
+            //获取标签的上级第一个存在ant-form-item-control-wrapper类的标签
+            var parentObj = parents(obj, 'ant-form-item-control-wrapper');
+            if (parentObj) {
+                var prevObj = parentObj.previousSibling;
+                if (prevObj) {
+                    var labelObj = prevObj.getElementsByTagName("label");
+                    if (labelObj && labelObj.length > 0) {
+                        var title = labelObj[0].attributes["title"].nodeValue;
+                        if (title) {
+                            errorInfo += "," + title;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    return errorInfo ? errorInfo.substring(1) : "";
+};
+
+/**
+ * 唯一性约束错误提示
+ */
+var onlyDataErrorTip = function onlyDataErrorTip(res) {
+    var fieldStr = res.message.substring(14, res.message.length - 1);
+    var fields = fieldStr.split(",");
+    var errorInfo = getTitles(fields);
+    if (errorInfo) {
+        _message3.default.info(errorInfo + "已经存在！");
+    } else {
+        _message3.default.info("存在数据违反了唯一性约束，请检查之后再提交！");
+    }
+};
+
+/**
+ * 数据太长错误提示
+ */
+var dataToLongErrorTip = function dataToLongErrorTip(res) {
+    var fieldStr = res.message.substring(16, res.message.length - 1);
+    var fields = fieldStr.split(",");
+    var errorInfo = getTitles([fields[0]]);
+    if (errorInfo) {
+        _message3.default.info(errorInfo + "数据太长(要求长度：" + fields[2] + "，实际长度：" + fields[1] + ")！");
+    } else {
+        _message3.default.info("存在数据值太长，请检查之后再提交！");
+    }
+};
+
+/**
+ * 数据不能为空
+ */
+var columnNotNullTip = function columnNotNullTip(res) {
+    var fieldStr = res.message.substring(14, res.message.length - 1);
+    var fields = fieldStr.split(",");
+    var errorInfo = getTitles(fields);
+    if (errorInfo) {
+        _message3.default.info(errorInfo + "不能为空！");
+    } else {
+        _message3.default.info("存在数据不能为空，请检查之后再提交！");
+    }
+};
+
+var NHFetch = function NHFetch(pUrl, pMethod, params) {
+    var opts = {};
+    var tmpHeader = "";
+    var url = pUrl;
+    var method = "";
+
+    //默认的请求方式是POST
+    if (pMethod === undefined || pMethod === "") {
+        method = "POST";
+    } else {
+        method = pMethod;
+    }
+
+    if (method.toLowerCase() === 'get') {
+        //如果是get方式，则把参数拼凑到url路径上面
+        if (params !== undefined && params !== "") {
+            //如果params是Map对象，则需要先转换成字符串
+            if (typeof params === 'string') {
+                url = url + "?" + params;
+            } else {
+                //不是字符串就一定是map对象
+                var paramsStr = "";
+                for (var key in params) {
+                    if ((0, _typeof3.default)(params[key]) === 'object') {
+                        var params2 = params[key];
+                        for (var key2 in params2) {
+                            paramsStr += "&" + key + "." + key2 + "=" + params2[key2];
+                        }
+                    } else {
+                        paramsStr += "&" + key + "=" + params[key];
+                    }
+                }
+                url = url + "?" + paramsStr;
+            }
+        }
+        tmpHeader = "application/x-www-form-urlencoded;charset=UTF-8";
+    } else {
+        //除了get，所有方法改为post
+        method = "POST";
+        tmpHeader = "application/json;charset=UTF-8";
+        if (params !== undefined && params !== "") {
+            opts.body = (0, _stringify2.default)(params);
+        }
+    }
+    opts.method = method;
+    //  credentials: 'include',
+    opts.headers = { "Content-Type": tmpHeader };
+
+    var token = window.sessionStorage.getItem("access_token");
+    if (token) {
+        opts.headers.Authorization = token;
+    }
+    var nodeEnv = process.env.NODE_ENV || 'development';
+    if (nodeEnv === 'development') {
+        opts.headers.loginUserId = (0, _NHCore.getLoginUser)().userId;
+    }
+
+    opts.credentials = 'include';
+    if (pMethod === 'nbpost') {
+        return fetch(url, opts).then(function (response) {
+            return response.blob();
+        }).then(function (res) {
+            //post请求获取流
+            return res;
+        }).catch(function (error) {
+            // 网络请求失败返回执行该回调函数，得到错误信息
+            _modal2.default.error({ title: '网络请求异常,请联系管理员', content: error });
+            var res = {
+                code: 400,
+                message: error
+            };
+            return res;
+        });
+    } else {
+        return fetch(url, opts).then(function (response) {
+            if (response.status === 200) {
+                return response.json();
+            } else if (response.status === 302) {
+                _message3.default.error("未登录或登录已过期,请刷新页面重新登录！");
+                sessionStorage.removeItem("userLogin");
+                sessionStorage.removeItem("access_token");
+            } else {
+                _modal2.default.error({ title: '错误提示', content: '网络请求异常,请联系管理员' });
+            }
+            return undefined;
+        }).then(function (res) {
+            if (res === undefined) {
+                return undefined;
+            } else if (res.meta && res.meta.statusCode === 401 || res.code === 302) {
+                //判断是否没有权限
+                _message3.default.error("您正在尝试访问未授权的功能!");
+                return undefined;
+            } else if (res.meta && res.meta.statusCode === 500) {
+                _modal2.default.error({ title: '错误提示', content: '系统出现异常，请联系管理员！' });
+                return undefined;
+            } else if (res && res.code && res.code !== 200) {
+                //判断出现的问题
+                var msg = res.message;
+                if (msg.startsWith("businessLogicError[")) {
+                    //自定义的提示（错误）
+                    _modal2.default.error({ title: '错误提示', content: res.message.substring(19, res.message.length - 1) });
+                } else if (msg.startsWith("businessLogicWarm[")) {
+                    //自定义的提示（警告）
+                    _modal2.default.warning({ title: '警告提示', content: res.message.substring(19, res.message.length - 1) });
+                } else if (msg.startsWith("businessLogicInfo[")) {
+                    //自定义的提示（消息）
+                    _modal2.default.info({ title: '消息提示', content: res.message.substring(19, res.message.length - 1) });
+                } else if (msg.startsWith("onlyDataError[")) {
+                    //数据唯一性异常
+                    onlyDataErrorTip(res);
+                } else if (msg.startsWith("dataToLongError[")) {
+                    //数据太长
+                    dataToLongErrorTip(res);
+                } else if (msg.startsWith("columnNotNull[")) {
+                    //数据不能为空异常
+                    columnNotNullTip(res);
+                } else {
+                    _modal2.default.error({ title: '错误提示', content: '系统出现异常，请联系管理员！' });
+                }
+                return undefined;
+            } else if (res.status && res.status === 404) {
+                _modal2.default.error({ title: '错误提示', content: '系统出现异常，请联系管理员！' });
+                return undefined;
+            } else if (res && res.code && res.code === 200) {
+                //返回的是正确的结果,公司通用放回格式
+                return res;
+            } else if (res && res.meta && res.meta.statusCode === 200) {
+                //返回的是正确的结果，四部返回格式
+                return res;
+            } else {
+                //剩下的情况都是有错误
+                _modal2.default.error({ title: '错误提示', content: '系统出现异常，请联系管理员！' });
+            }
+            //在此处统一对后台抛出来的异常进行处理
+            return undefined;
+        }).catch(function (error) {
+            if (error.status === 302) {
+                _message3.default.error("未登录或登录已过期,请刷新页面重新登录！");
+                sessionStorage.removeItem("userLogin");
+                sessionStorage.removeItem("access_token");
+            } else {
+                _modal2.default.error({ title: '错误提示', content: '网络请求异常,请联系管理员' });
+            }
+            return error;
+        });
+    }
+};
+
+exports.default = NHFetch;

package/lib/components/NHSelector/utils/getSize.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+	value: true
+});
+var getSize = function getSize() {
+	var windowW = void 0,
+	    windowH = void 0,
+	    contentH = void 0,
+	    contentW = void 0,
+	    scrollT = void 0;
+	windowH = window.innerHeight;
+	windowW = window.innerWidth;
+	scrollT = document.documentElement.scrollTop || document.body.scrollTop;
+	contentH = document.documentElement.scrollHeight > document.body.scrollHeight ? document.documentElement.scrollHeight : document.body.scrollHeight;
+	contentW = document.documentElement.scrollWidth > document.body.scrollWidth ? document.documentElement.scrollWidth : document.body.scrollWidth;
+	return { windowW: windowW, windowH: windowH, contentH: contentH, contentW: contentW, scrollT: scrollT };
+};
+
+exports.default = getSize;

package/lib/components/NHSort/index.js

@@ -0,0 +1,313 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _drawer = require('antd/lib/drawer');
+
+var _drawer2 = _interopRequireDefault(_drawer);
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+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 _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
+
+var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
+
+var _from = require('babel-runtime/core-js/array/from');
+
+var _from2 = _interopRequireDefault(_from);
+
+require('antd/lib/drawer/style');
+
+require('antd/lib/button/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactCustomScrollbars = require('react-custom-scrollbars');
+
+var _reactBeautifulDnd = require('react-beautiful-dnd');
+
+var _NHFetch = require('../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+var _getSize = require('../../utils/getSize');
+
+var _getSize2 = _interopRequireDefault(_getSize);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var reorder = function reorder(list, startIndex, endIndex) {
+  var result = (0, _from2.default)(list);
+
+  var _result$splice = result.splice(startIndex, 1),
+      _result$splice2 = (0, _slicedToArray3.default)(_result$splice, 1),
+      removed = _result$splice2[0];
+
+  result.splice(endIndex, 0, removed);
+
+  return result;
+};
+
+var grid = 8;
+
+var getItemStyle = function getItemStyle(isDragging, draggableStyle) {
+  return (0, _extends3.default)({
+    userSelect: "none",
+    // padding: grid * 2,
+    margin: '0 0 ' + grid + 'px 0',
+    background: isDragging ? "lightgreen" : "white"
+  }, draggableStyle);
+};
+
+var getListStyle = function getListStyle(isDraggingOver) {
+  return {
+    background: isDraggingOver ? "white" : "white",
+    padding: grid
+  };
+};
+
+var NHSort = function (_React$Component) {
+  (0, _inherits3.default)(NHSort, _React$Component);
+
+  function NHSort(props) {
+    (0, _classCallCheck3.default)(this, NHSort);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (NHSort.__proto__ || (0, _getPrototypeOf2.default)(NHSort)).call(this, props));
+
+    _this.show = function () {
+      if (_this.props.data) {
+        _this.setState({
+          data: _this.props.data,
+          visible: true
+        });
+      } else {
+        _this.setState({
+          visible: true
+        });
+        //加载数据
+        _this.loadDataByUrl();
+      }
+    };
+
+    _this.loadDataByUrl = function () {
+      var url = _this.props.url;
+      var t = new Date().getTime();
+      (0, _NHFetch2.default)(url, 'GET', t).then(function (res) {
+        if (res) {
+          _this.setState({
+            data: res.data
+          });
+        }
+      });
+    };
+
+    _this.onClose = function () {
+      _this.setState({
+        visible: false
+      });
+    };
+
+    _this.onSave = function () {
+      var rowKey = _this.props.rowKey;
+      var keys = _this.state.data.map(function (item) {
+        return item[rowKey];
+      });
+      if (_this.props.onSave) {
+        _this.props.onSave(keys, _this.state.data);
+      }
+      _this.setState({
+        visible: false
+      });
+    };
+
+    _this.onDragEnd = function (result) {
+      if (!result.destination) {
+        return;
+      }
+
+      var data = reorder(_this.state.data, result.source.index, result.destination.index);
+
+      _this.setState({
+        data: data
+      });
+    };
+
+    _this.renderContent = function (item) {
+      var label = _this.props.label;
+      if (_this.props.render) {
+        return _this.props.render(item);
+      } else {
+        return _react2.default.createElement(
+          'div',
+          { style: {
+              padding: '12px',
+              border: '1px solid transparent',
+              boxShadow: '0 1px 8px 0 rgba(0,21,41,.14)'
+            } },
+          item[label]
+        );
+      }
+    };
+
+    _this.state = {
+      data: undefined, //用于排序的数据
+      visible: false //是否可见
+    };
+    return _this;
+  }
+
+  //设置props默认值
+
+
+  /**
+   * 调用show方法，启用该排序方法
+   */
+
+
+  /**
+   * 保存方法
+   */
+
+
+  (0, _createClass3.default)(NHSort, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          title = _props.title,
+          width = _props.width,
+          placement = _props.placement,
+          rowKey = _props.rowKey;
+
+      var height = (0, _getSize2.default)().windowH - 130;
+      return _react2.default.createElement(
+        _drawer2.default,
+        {
+          title: title,
+          width: width,
+          closable: false,
+          destroyOnClose: true,
+          maskClosable: false,
+          placement: placement,
+          onClose: this.onClose,
+          visible: this.state.visible
+        },
+        _react2.default.createElement(
+          _reactCustomScrollbars.Scrollbars,
+          { autoHide: true, style: { flex: '0 0 100%', height: height, paddingBottom: '10px' } },
+          this.state.data ? _react2.default.createElement(
+            _reactBeautifulDnd.DragDropContext,
+            { onDragEnd: this.onDragEnd },
+            _react2.default.createElement(
+              _reactBeautifulDnd.Droppable,
+              { droppableId: 'droppable' },
+              function (provided, snapshot) {
+                return _react2.default.createElement(
+                  'div',
+                  (0, _extends3.default)({}, provided.droppableProps, {
+                    ref: provided.innerRef,
+                    style: getListStyle(snapshot.isDraggingOver)
+                  }),
+                  _this2.state.data.map(function (item, index) {
+                    return _react2.default.createElement(
+                      _reactBeautifulDnd.Draggable,
+                      { key: item[rowKey], draggableId: item[rowKey], index: index },
+                      function (provided, snapshot) {
+                        return _react2.default.createElement(
+                          'div',
+                          (0, _extends3.default)({
+                            ref: provided.innerRef
+                          }, provided.draggableProps, provided.dragHandleProps, {
+                            style: getItemStyle(snapshot.isDragging, provided.draggableProps.style)
+                          }),
+                          _this2.renderContent(item)
+                        );
+                      }
+                    );
+                  }),
+                  provided.placeholder
+                );
+              }
+            )
+          ) : null
+        ),
+        _react2.default.createElement(
+          'div',
+          {
+            style: {
+              position: 'absolute',
+              bottom: 0,
+              width: '100%',
+              borderTop: '1px solid #e8e8e8',
+              padding: '10px 16px',
+              textAlign: 'right',
+              left: 0,
+              background: '#fff',
+              borderRadius: '0 0 4px 4px'
+            }
+          },
+          _react2.default.createElement(
+            _button2.default,
+            {
+              style: {
+                marginRight: 8
+              },
+              onClick: this.onClose
+            },
+            '\u5173\u95ED'
+          ),
+          _react2.default.createElement(
+            _button2.default,
+            { onClick: this.onSave, type: 'primary' },
+            '\u4FDD\u5B58'
+          )
+        )
+      );
+    }
+  }]);
+  return NHSort;
+}(_react2.default.Component);
+
+NHSort.defaultProps = {
+  title: '', //标题
+  rowKey: '', //可以唯一标识一条数据的字段名
+  label: '', //用来展示数据的字段
+  width: 500, //排序框的宽度
+  render: undefined, //自定义数据展示的渲染块
+  placement: 'right', //自定义位置 right | left
+  url: undefined, //查询数据的接口
+  data: undefined, //需要做排序的静态数据，如果该数据存在，则url不会起作用
+  onSave: undefined //保存方法
+};
+exports.default = NHSort;