dlt-for-react 1.0.1

package/lib/components/NHTable/marqueenText.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+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 _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _reactDom = require("react-dom");
+
+var _reactDom2 = _interopRequireDefault(_reactDom);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var marqueenText = function (_Component) {
+  (0, _inherits3.default)(marqueenText, _Component);
+
+  function marqueenText(props) {
+    (0, _classCallCheck3.default)(this, marqueenText);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (marqueenText.__proto__ || (0, _getPrototypeOf2.default)(marqueenText)).call(this, props));
+
+    _this.measureText = function (callback) {
+      var container = _reactDom2.default.findDOMNode(_this);
+      var text = _reactDom2.default.findDOMNode(_this.textRef);
+      if (container && text) {
+        var container_width = container.offsetWidth;
+        var text_width = text.offsetWidth;
+        var overflowWidth = text_width - container_width;
+        if (overflowWidth !== _this.state.overflowWidth) {
+          _this.setState({
+            overflowWidth: overflowWidth
+          }, function () {
+            callback();
+          });
+        }
+      }
+    };
+
+    _this.textAnimation = function () {
+      // 轮播时间
+      var timeOut = 50;
+      // 轮播执行的间隔时间
+      var trailing = 800;
+      window.clearTimeout(_this._marqueenTimer);
+      var animate = function animate() {
+        var overflowWidth = _this.state.overflowWidth;
+
+        var animateWidth = _this.state.animateWidth + 1;
+        var isRoundOver = animateWidth > overflowWidth;
+
+        //   若轮播到最后则 停止trailing后继续开启轮播
+        if (isRoundOver) {
+          animateWidth = 0;
+          _this._marqueeTimer = setTimeout(function () {
+            _this.setState({
+              animateWidth: animateWidth
+            });
+
+            _this._marqueeTimer = setTimeout(animate, timeOut);
+          }, trailing);
+        } else {
+          _this.setState({
+            animateWidth: animateWidth
+          });
+
+          _this._marqueeTimer = setTimeout(animate, timeOut);
+        }
+      };
+
+      _this._marqueeTimer = setTimeout(animate, timeOut);
+    };
+
+    _this.state = {
+      overflowWidth: 0, //文本溢出的宽度
+      animateWidth: 0 //文本向左滚动的宽度
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(marqueenText, [{
+    key: "componentWillMount",
+    value: function componentWillMount() {}
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.measureText(this.textAnimation);
+    }
+
+    //   计算文本溢出的宽度
+
+
+    //   文本溢出滚动
+
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var style = {
+        right: this.state.animateWidth,
+        position: "relative",
+        whiteSpace: "nowrap",
+        transition: "all 0.5s linear"
+      };
+      return _react2.default.createElement(
+        "div",
+        { style: { overflow: "hidden" } },
+        _react2.default.createElement(
+          "span",
+          { style: style, ref: function ref(node) {
+              return _this2.textRef = node;
+            } },
+          this.props.children
+        )
+      );
+    }
+  }]);
+  return marqueenText;
+}(_react.Component);
+
+marqueenText.propTypes = {};
+
+exports.default = marqueenText;

package/lib/components/NHTable/text.js

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+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 _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 }; }
+
+var Text = function (_React$Component) {
+  (0, _inherits3.default)(Text, _React$Component);
+
+  function Text() {
+    (0, _classCallCheck3.default)(this, Text);
+    return (0, _possibleConstructorReturn3.default)(this, (Text.__proto__ || (0, _getPrototypeOf2.default)(Text)).apply(this, arguments));
+  }
+
+  (0, _createClass3.default)(Text, [{
+    key: 'render',
+    value: function render() {
+      var _context$textGroup = this.context.textGroup,
+          name = _context$textGroup.name,
+          selectedValue = _context$textGroup.selectedValue,
+          onChange = _context$textGroup.onChange;
+      var _props = this.props,
+          children = _props.children,
+          disabled = _props.disabled;
+
+      var optional = {};
+      if (selectedValue !== undefined) {
+        optional.checked = this.props.value === selectedValue;
+      }
+      if (disabled !== undefined) {
+        optional.disabled = this.props.disabled === disabled;
+      }
+      if (typeof onChange === 'function') {
+        optional.onClick = onChange.bind(null, this.props.value);
+      }
+      var style = {
+        marginLeft: '15px',
+        cursor: 'pointer',
+        lineHeight: '25px'
+      };
+      if (optional.checked) {
+        style.color = '#40a9ff';
+      } else {
+        style.color = '#595959';
+      }
+
+      return _react2.default.createElement(
+        'span',
+        (0, _extends3.default)({ name: name }, optional, { style: style }),
+        children
+      );
+    }
+  }]);
+  return Text;
+}(_react2.default.Component);
+
+exports.default = Text;
+
+Text.contextTypes = {
+  textGroup: _propTypes2.default.object
+};

package/lib/components/NHTable/textGroup.js

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+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 _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 }; }
+
+var TextGroup = function (_React$Component) {
+  (0, _inherits3.default)(TextGroup, _React$Component);
+
+  function TextGroup(props) {
+    (0, _classCallCheck3.default)(this, TextGroup);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (TextGroup.__proto__ || (0, _getPrototypeOf2.default)(TextGroup)).call(this, props));
+
+    _this.onChange = function (v) {
+      _this.setState({ value: v });
+      if (typeof _this.props.onChange === 'function') {
+        _this.props.onChange(v);
+      }
+    };
+
+    _this.state = {
+      value: undefined
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(TextGroup, [{
+    key: 'getChildContext',
+    value: function getChildContext() {
+      var _props = this.props,
+          name = _props.name,
+          defaultValue = _props.defaultValue;
+
+      var onChange = this.onChange;
+      var selectedValue = this.state.value || defaultValue;
+      return {
+        textGroup: {
+          name: name, selectedValue: selectedValue, onChange: onChange
+        }
+      };
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props2 = this.props,
+          Component = _props2.Component,
+          name = _props2.name,
+          selectedValue = _props2.selectedValue,
+          onChange = _props2.onChange,
+          children = _props2.children,
+          rest = (0, _objectWithoutProperties3.default)(_props2, ['Component', 'name', 'selectedValue', 'onChange', 'children']);
+
+      return _react2.default.createElement(
+        Component,
+        rest,
+        children
+      );
+    }
+  }]);
+  return TextGroup;
+}(_react2.default.Component);
+
+TextGroup.defaultProps = {
+  Component: "div"
+};
+exports.default = TextGroup;
+
+TextGroup.childContextTypes = {
+  textGroup: _propTypes2.default.object
+};

package/lib/components/NHTeaSelector/index.js

@@ -0,0 +1,271 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.NHTeaSelector = undefined;
+
+var _tooltip = require('antd/lib/tooltip');
+
+var _tooltip2 = _interopRequireDefault(_tooltip);
+
+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);
+
+require('antd/lib/tooltip/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHSelector = require('../NHSelector');
+
+var _NHSelector2 = _interopRequireDefault(_NHSelector);
+
+require('../../../assets/teaSelector/index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NHTeaSelector = exports.NHTeaSelector = function (_React$Component) {
+    (0, _inherits3.default)(NHTeaSelector, _React$Component);
+
+    function NHTeaSelector(props) {
+        (0, _classCallCheck3.default)(this, NHTeaSelector);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (NHTeaSelector.__proto__ || (0, _getPrototypeOf2.default)(NHTeaSelector)).call(this, props));
+
+        _this.show = function (initValues) {
+            _this.teacherSelector.show(initValues);
+        };
+
+        _this.singerBottomShowRender = function (record) {
+            var xm = record.XM || record.xm;
+            var gh = record.GH || record.gh;
+            var bmmc = record.BMMC || record.bmmc;
+            return _react2.default.createElement(
+                'span',
+                null,
+                _react2.default.createElement(
+                    'font',
+                    { className: 'xgui-selector-tea-xmCss' },
+                    xm
+                ),
+                _react2.default.createElement(
+                    'font',
+                    null,
+                    '\uFF08',
+                    gh,
+                    '\uFF09'
+                ),
+                _react2.default.createElement(
+                    'font',
+                    null,
+                    bmmc
+                )
+            );
+        };
+
+        _this.state = {};
+        return _this;
+    }
+
+    /**
+     * 单选时底部结果渲染
+     * @param record 选中的那条结果数据
+     */
+
+
+    (0, _createClass3.default)(NHTeaSelector, [{
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var columns = [{
+                key: 'rowId',
+                title: '序号',
+                width: '60',
+                render: function render(text, record) {
+                    return record.ROW_ID || record.rowId;
+                }
+            }, {
+                key: 'gh',
+                title: '工号',
+                minWidth: '100',
+                sorted: false,
+                render: function render(text, record) {
+                    return record.GH || record.gh;
+                }
+            }, {
+                key: 'xm',
+                title: '姓名',
+                minWidth: '70',
+                sorted: false,
+                render: function render(text, record) {
+                    return record.XM || record.xm;
+                }
+            }, {
+                key: 'xb',
+                title: '性别',
+                minWidth: '60',
+                sorted: false,
+                render: function render(text, record) {
+                    return record.XB || record.xb;
+                }
+            }, {
+                key: 'sjbmmc',
+                title: '上级部门',
+                minWidth: '180',
+                sorted: false,
+                render: function render(text, record, index) {
+                    var sjbmmc = record.SJBMMC || record.sjbmmc;
+                    if (sjbmmc && sjbmmc.length > 13) {
+                        return _react2.default.createElement(
+                            'font',
+                            null,
+                            _react2.default.createElement(
+                                _tooltip2.default,
+                                { title: sjbmmc },
+                                sjbmmc.substring(0, 13),
+                                '...'
+                            )
+                        );
+                    } else {
+                        return _react2.default.createElement(
+                            'font',
+                            null,
+                            sjbmmc
+                        );
+                    }
+                }
+            }, {
+                key: 'bmmc',
+                title: '部门名称',
+                minWidth: '180',
+                sorted: false,
+                render: function render(text, record, index) {
+                    var bmmc = record.BMMC || record.bmmc;
+                    if (bmmc && bmmc.length > 13) {
+                        return _react2.default.createElement(
+                            'font',
+                            null,
+                            _react2.default.createElement(
+                                _tooltip2.default,
+                                { title: bmmc },
+                                bmmc.substring(0, 13),
+                                '...'
+                            )
+                        );
+                    } else {
+                        return _react2.default.createElement(
+                            'font',
+                            null,
+                            bmmc
+                        );
+                    }
+                }
+            }];
+            var _props = this.props,
+                _props$title = _props.title,
+                title = _props$title === undefined ? '教师选择器' : _props$title,
+                _props$keyField = _props.keyField,
+                keyField = _props$keyField === undefined ? 'JSID' : _props$keyField,
+                _props$titleField = _props.titleField,
+                titleField = _props$titleField === undefined ? 'XM' : _props$titleField,
+                _props$searchField = _props.searchField,
+                searchField = _props$searchField === undefined ? 'gh,xm,xb,bmmc' : _props$searchField,
+                _props$searchWidth = _props.searchWidth,
+                searchWidth = _props$searchWidth === undefined ? '300' : _props$searchWidth,
+                _props$placeholder = _props.placeholder,
+                placeholder = _props$placeholder === undefined ? '姓名/工号/性别/部门名称' : _props$placeholder,
+                sign = _props.sign,
+                treeUrl = _props.treeUrl,
+                tableUrl = _props.tableUrl;
+
+            if (!sign && !treeUrl && !tableUrl) {
+                //没有设置方案说明此时使用默认的数据源调用
+                sign = 'zhxg_selector_jsxx';
+                treeUrl = 'api/zhxg-xtgl/proData/selector/tree/list'; //默认的路径，当没有设置方案的时候，就使用此路径查询数据
+                tableUrl = 'api/zhxg-xtgl/proData/selector/table/list'; //默认的路径，当没有设置方案的时候，就使用此路径查询数据
+            }
+            return _react2.default.createElement(
+                'div',
+                null,
+                _react2.default.createElement(_NHSelector2.default, {
+                    ref: function ref(form) {
+                        _this2.teacherSelector = form;
+                    },
+                    title: title,
+                    mode: 'treeAndTable',
+                    sign: sign,
+                    treeUrl: treeUrl,
+                    tableUrl: tableUrl,
+                    treeWidth: 250,
+                    tableWidth: 600,
+                    resultWidth: 150,
+                    height: 500,
+                    isSinger: this.props.isSinger,
+                    columns: columns,
+                    keyField: keyField,
+                    titleField: titleField,
+                    searchField: searchField,
+                    searchWidth: searchWidth,
+                    placeholder: placeholder,
+                    onSelect: this.props.onSelect,
+                    tableParams: this.props.tableParams,
+                    tableSqlParams: this.props.tableSqlParams,
+                    treeParams: this.props.treeParams,
+                    treeSqlParams: this.props.treeSqlParams,
+                    treeShowIcon: true,
+                    singerBottomShowFlag: true,
+                    singerBottomShowRender: this.singerBottomShowRender,
+                    baseUrl: this.props.baseUrl,
+                    rangeFilter: this.props.rangeFilter,
+                    rangeFilterList: this.props.rangeFilterList,
+                    isRememberLastSelect: this.props.isRememberLastSelect
+                })
+            );
+        }
+    }]);
+    return NHTeaSelector;
+}(_react2.default.Component);
+
+NHTeaSelector.defaultProps = {
+    sign: undefined,
+    treeUrl: undefined,
+    tableUrl: undefined,
+    title: undefined,
+    keyField: undefined,
+    titleField: undefined,
+    searchField: undefined,
+    searchWidth: undefined,
+    placeholder: undefined,
+    isSinger: false, //是否是单选，true表示是单选，false表示是多选，默认为false
+    onSelect: function onSelect() {}, //选中结果的时候的回调方法
+    treeParams: {}, //树数据过滤参数
+    treeSqlParams: undefined, //树的sql语句内的参数
+    tableParams: {}, //列表数据过滤参数
+    tableSqlParams: undefined, //列表的sql语句内的参数
+    baseUrl: undefined, //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+    rangeFilter: undefined, //是否开启职务范围过滤
+    rangeFilterList: undefined, // 自定义职务过滤列表
+    isRememberLastSelect: false // 是否记住上次选择
+};
+
+exports.default = NHTeaSelector;