dlt-for-react 1.0.3 → 1.0.5

package/lib/components/KyTable/marqueenText.js

@@ -0,0 +1,142 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+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 _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: '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);
+
+exports.default = marqueenText;

package/lib/components/KyTable/overflowColumn.js

@@ -0,0 +1,113 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _popover = require('antd/lib/popover');
+
+var _popover2 = _interopRequireDefault(_popover);
+
+var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
+
+var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
+
+require('antd/lib/popover/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var parentDomTimer = []; /**
+                          * @Description:将列溢出的处理为Popover
+                          * @Version: 1.0
+                          * @Author: 琴时
+                          */
+
+var OverflowColumn = function OverflowColumn(_ref) {
+  var _ref$text = _ref.text,
+      text = _ref$text === undefined ? '' : _ref$text,
+      _ref$style = _ref.style,
+      style = _ref$style === undefined ? {} : _ref$style;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray3.default)(_useState, 2),
+      overflowFlag = _useState2[0],
+      setoverflowFlag = _useState2[1]; //是否溢出
+
+
+  var _useState3 = (0, _react.useState)({}),
+      _useState4 = (0, _slicedToArray3.default)(_useState3, 2),
+      parentSize = _useState4[0],
+      setparentSize = _useState4[1]; //真实宽高
+
+
+  var parentDom = (0, _react.useCallback)(function (node) {
+    // 此处使用setTimeout获取真正渲染完成的元素，不够保险也不够优雅，后续若有好方法可替换此处
+    var Timer = setTimeout(function () {
+      if (node !== null) {
+        var height = node.getBoundingClientRect().height;
+        var width = node.getBoundingClientRect().width;
+        setparentSize({ height: height, width: width });
+      }
+    }, 100);
+    parentDomTimer.push(Timer);
+  }, []);
+
+  (0, _react.useEffect)(function () {
+    return function () {
+      clearparentDomTimer();
+    };
+  }, []);
+
+  // 清除定时器
+  var clearparentDomTimer = function clearparentDomTimer() {
+    if (parentDomTimer.length > 0) {
+      parentDomTimer.forEach(function (item) {
+        clearTimeout(item);
+      });
+      parentDomTimer = [];
+    }
+  };
+
+  var childDom = (0, _react.useCallback)(function (node) {
+    if (node !== null && parentSize.width) {
+      var height = node.getBoundingClientRect().height;
+      var width = node.getBoundingClientRect().width;
+      if (width > parentSize.width) {
+        //这里判断内容是否溢出
+        setoverflowFlag(true);
+      } else {
+        setoverflowFlag(false);
+      }
+    }
+  }, [parentSize]);
+  return _react2.default.createElement(
+    'div',
+    { ref: parentDom, className: 'textOverFlow', style: style },
+    overflowFlag ? _react2.default.createElement(
+      _popover2.default,
+      {
+        placement: 'topLeft',
+        content: _react2.default.createElement(
+          'div',
+          { style: { maxWidth: 200, wordBreak: 'break-all' } },
+          text
+        )
+      },
+      _react2.default.createElement(
+        'div',
+        { className: 'textOverFlow' },
+        text
+      )
+    ) : _react2.default.createElement(
+      'span',
+      { ref: childDom },
+      text
+    )
+  );
+};
+
+exports.default = (0, _react.memo)(OverflowColumn);

package/lib/components/KyTable/text.js

@@ -0,0 +1,96 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+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/KyTable/textGroup.js

@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+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/KyTitle/index.js

@@ -0,0 +1,127 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+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);
+
+require('antd/lib/button/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+require('../../../assets/components/KyTitle/index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 科研标题组件
+ */
+var KyTitle = function (_React$Component) {
+  (0, _inherits3.default)(KyTitle, _React$Component);
+
+  function KyTitle(props) {
+    (0, _classCallCheck3.default)(this, KyTitle);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (KyTitle.__proto__ || (0, _getPrototypeOf2.default)(KyTitle)).call(this, props));
+
+    _this.state = {};
+    return _this;
+  }
+
+  (0, _createClass3.default)(KyTitle, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          title = _props.title,
+          btnText = _props.btnText,
+          onClick = _props.onClick,
+          className = _props.className,
+          style = _props.style,
+          buttons = _props.buttons;
+
+      return _react2.default.createElement(
+        'div',
+        { className: 'KyTitle ' + className, style: style },
+        _react2.default.createElement(
+          'div',
+          { className: 'title' },
+          title
+        ),
+        onClick && _react2.default.createElement(
+          'span',
+          { className: 'rightBtn', onClick: onClick },
+          btnText
+        ),
+        buttons && _react2.default.createElement(
+          'span',
+          { className: 'rightBtn' },
+          buttons.map(function (item) {
+            return _react2.default.createElement(
+              _button2.default,
+              (0, _extends3.default)({ type: item.type ? item.type : item.isClick ? "primary" : "default", style: { marginLeft: 8 }, onClick: item.onClick }, item.config),
+              item.text
+            );
+          })
+        )
+      );
+    }
+  }]);
+  return KyTitle;
+}(_react2.default.Component);
+
+/**
+ * 默认属性
+ */
+
+
+KyTitle.defaultProps = {
+  title: '标题', //页面标题
+  btnText: '操作', //右侧按钮文本
+  className: '', //组件类选择器名称
+  style: {}
+};
+
+/**
+ * 属性检查
+ */
+KyTitle.propTypes = {
+  title: _propTypes2.default.string.isRequired, //左侧标题
+  onClick: _propTypes2.default.func, //右侧按钮
+  btnText: _propTypes2.default.string, //右侧按钮文本
+  buttons: _propTypes2.default.arrayOf(_propTypes2.default.object) //最右侧按钮组
+};
+
+exports.default = KyTitle;

package/lib/components/KyUpload/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = undefined;
 
 var _getLoginUser2 = require('xgui-for-react/lib/utils/getLoginUser');