dlt-for-react 1.0.3 → 1.0.5

package/lib/components/KyMore/index.js

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _icon2 = require('antd/lib/icon');
+
+var _icon3 = _interopRequireDefault(_icon2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+require('antd/lib/icon/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactRouterDom = require('react-router-dom');
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+require('../../../assets/components/KyMore/index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/*******
+ * @description: KyMore更多
+ * @author: 琴时
+ */
+var KyMore = function KyMore(props) {
+  var className = props.className,
+      to = props.to,
+      title = props.title,
+      icon = props.icon,
+      hideIcon = props.hideIcon,
+      onMore = props.onMore,
+      other = (0, _objectWithoutProperties3.default)(props, ['className', 'to', 'title', 'icon', 'hideIcon', 'onMore']);
+
+  var _icon = icon || _react2.default.createElement(_icon3.default, { type: 'double-right' });
+  // 手动跳转
+  var onClick = function onClick(e) {
+    e.preventDefault();
+    !to && onMore();
+  };
+  return _react2.default.createElement(
+    _reactRouterDom.Link,
+    (0, _extends3.default)({ to: to, onClick: onClick, className: (0, _classnames2.default)('ky-more', className) }, other),
+    _react2.default.createElement(
+      'span',
+      null,
+      title
+    ),
+    !hideIcon && _react2.default.createElement(
+      'span',
+      { className: 'ky-more-icon' },
+      _icon
+    )
+  );
+};
+KyMore.defaultProps = {
+  title: '更多', //标题
+  to: '', //url
+  onMore: function onMore() {}
+};
+exports.default = KyMore;

package/lib/components/KyPreview/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = undefined;
 
 var _spin = require('antd/lib/spin');
 

package/lib/components/KyTable/AddFieldsModal.js

@@ -0,0 +1,360 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _modal = require('antd/lib/modal');
+
+var _modal2 = _interopRequireDefault(_modal);
+
+var _checkbox = require('antd/lib/checkbox');
+
+var _checkbox2 = _interopRequireDefault(_checkbox);
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _message2 = require('antd/lib/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+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/modal/style');
+
+require('antd/lib/checkbox/style');
+
+require('antd/lib/input/style');
+
+require('antd/lib/icon/style');
+
+require('antd/lib/message/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _isEqual = require('lodash/isEqual');
+
+var _isEqual2 = _interopRequireDefault(_isEqual);
+
+var _debounce = require('lodash/debounce');
+
+var _debounce2 = _interopRequireDefault(_debounce);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _reactCustomScrollbars = require('react-custom-scrollbars');
+
+require('../../../assets/components/KyTable/index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * 高级搜索-添加搜索字段
+ */
+var currentLine = 0;
+
+var AddFieldsModal = function (_Component) {
+  (0, _inherits3.default)(AddFieldsModal, _Component);
+
+  function AddFieldsModal(props) {
+    (0, _classCallCheck3.default)(this, AddFieldsModal);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (AddFieldsModal.__proto__ || (0, _getPrototypeOf2.default)(AddFieldsModal)).call(this, props));
+
+    _this.debounceSearch = function (value) {
+      _this.setState({ searchValue: value }, function () {
+        _this.changeItem();
+      });
+      // 搜索字段为空，重置currentLine
+      if (value == '') {
+        currentLine = 0;
+      }
+    };
+
+    _this.handleSearchChange = function (e) {
+      var value = e.target.value;
+
+      _this.debounceSearch(value);
+    };
+
+    _this.onChange = function (checkedList) {
+      var data = _this.props.data;
+
+      _this.setState({
+        checkedList: checkedList,
+        indeterminate: !!checkedList.length && checkedList.length < data.length,
+        checkAll: checkedList.length === data.length
+      });
+    };
+
+    _this.onCheckAllChange = function (e) {
+      var data = _this.props.data;
+
+      _this.setState({
+        checkedList: e.target.checked ? data.map(function (item) {
+          return item.dataIndex;
+        }) : [],
+        indeterminate: false,
+        checkAll: e.target.checked
+      });
+    };
+
+    _this.handleOk = function () {
+      var _this$props = _this.props,
+          data = _this$props.data,
+          onOk = _this$props.onOk;
+      var checkedList = _this.state.checkedList;
+
+      if (!checkedList || checkedList.length < 1) {
+        _message3.default.info('请至少选择一个字段');
+        return;
+      }
+      var result = [];
+      data.forEach(function (item) {
+        if (checkedList.includes(item.dataIndex)) {
+          var nitem = (0, _extends3.default)({}, item);
+          nitem.defaultSearch = true;
+          result.push(nitem);
+        }
+      });
+      onOk && onOk(result);
+    };
+
+    _this.handleCancel = function () {
+      var onCancel = _this.props.onCancel;
+
+      _this.setState({
+        searchValue: ''
+      });
+      onCancel && onCancel();
+    };
+
+    _this.handleKeyUp = function (e) {
+      // Enter键盘事件
+      if (e.keyCode == 13) {
+        _this.changeItem();
+      }
+    };
+
+    _this.changeItem = function () {
+      var elements = document.getElementById('' + _this.listID).getElementsByClassName('textHighLight');
+      if (elements.length) {
+        // 最后一个高亮
+        if (currentLine === elements.length) {
+          currentLine = 0;
+        }
+        // 清除高亮
+        for (var index = 0; index < elements.length; index++) {
+          var element = elements[index];
+          element.classList.remove('active');
+        }
+        // 添加高亮
+        elements[currentLine].classList.add('active');
+        // currentLine + 1
+        currentLine++;
+      }
+    };
+
+    _this.listID = 'fields-' + Math.random().toString(36);
+    _this.state = {
+      searchValue: '', // 搜索字段
+      checkedList: _this.props.checkedList || [], // 选中项
+      indeterminate: false, // 控制全选样式状态
+      checkAll: false // 是否全选
+    };
+    _this.debounceSearch = (0, _debounce2.default)(_this.debounceSearch, 500);
+    return _this;
+  }
+
+  (0, _createClass3.default)(AddFieldsModal, [{
+    key: 'componentWillReceiveProps',
+    value: function componentWillReceiveProps(nextProps) {
+      if ('checkedList' in nextProps && !(0, _isEqual2.default)(nextProps.checkedList, this.props.checkedList)) {
+        var checkedList = nextProps.checkedList,
+            data = nextProps.data;
+
+        this.setState({
+          checkedList: checkedList,
+          checkAll: checkedList.length === data.length,
+          indeterminate: !!checkedList.length && checkedList.length < data.length
+        });
+      }
+    }
+
+    // 搜索
+
+
+    // 单个选择
+
+
+    // 全选
+
+
+    // 保存
+
+
+    // Enter键切换高亮
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          wrapClassName = _props.wrapClassName,
+          visible = _props.visible,
+          width = _props.width,
+          title = _props.title,
+          data = _props.data,
+          colNum = _props.colNum,
+          onCancel = _props.onCancel;
+      var _state = this.state,
+          searchValue = _state.searchValue,
+          indeterminate = _state.indeterminate,
+          checkAll = _state.checkAll,
+          checkedList = _state.checkedList;
+
+      var reg = new RegExp(searchValue, 'ig');
+      return _react2.default.createElement(
+        _modal2.default,
+        {
+          wrapClassName: (0, _classnames2.default)(wrapClassName, 'addSearchFieldsModal'),
+          width: width,
+          title: title,
+          okText: '\u4FDD\u5B58',
+          visible: visible,
+          onCancel: this.handleCancel,
+          onOk: this.handleOk
+        },
+        _react2.default.createElement(
+          'div',
+          { className: 'searchBox' },
+          _react2.default.createElement(_input2.default, {
+            placeholder: '\u641C\u7D22\u5B57\u6BB5',
+            prefix: _react2.default.createElement(_icon2.default, { type: 'search', style: { color: '#999' } }),
+            onChange: this.handleSearchChange,
+            onKeyUp: this.handleKeyUp,
+            style: { width: 280 }
+          })
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'checkAllBox' },
+          _react2.default.createElement(
+            _checkbox2.default,
+            {
+              indeterminate: indeterminate,
+              onChange: this.onCheckAllChange,
+              checked: checkAll
+            },
+            _react2.default.createElement(
+              'b',
+              null,
+              '\u5168\u9009'
+            )
+          ),
+          _react2.default.createElement(
+            'span',
+            { className: 'tip' },
+            '\u5DF2\u9009\u62E9\uFF1A',
+            _react2.default.createElement(
+              'span',
+              { className: 'num' },
+              checkedList.length
+            )
+          )
+        ),
+        _react2.default.createElement(
+          _reactCustomScrollbars.Scrollbars,
+          { style: { height: 300 }, autoHide: true },
+          _react2.default.createElement(
+            _checkbox2.default.Group,
+            { style: { width: '100%' }, value: checkedList, onChange: this.onChange },
+            _react2.default.createElement(
+              'table',
+              { id: this.listID },
+              _react2.default.createElement(
+                'tbody',
+                null,
+                data.map(function (row, i) {
+                  if (i % colNum === 0) {
+                    return _react2.default.createElement(
+                      'tr',
+                      { key: i },
+                      data.slice(i, i % colNum === 0 ? i + colNum : i % colNum).map(function (item, j) {
+                        var _label = item.title;
+                        // 对label做高亮匹配
+                        if (searchValue) {
+                          var match = _label && _label.match(reg) || [];
+                          _label = _label && _label.split(reg).map(function (_it, _idx) {
+                            return _idx > 0 ? [_react2.default.createElement(
+                              'span',
+                              { key: _idx, className: 'textHighLight' },
+                              match[0]
+                            ), _it] : _it;
+                          });
+                        }
+                        return _react2.default.createElement(
+                          'td',
+                          { key: j },
+                          _react2.default.createElement(
+                            _checkbox2.default,
+                            { value: item.dataIndex },
+                            _label
+                          )
+                        );
+                      })
+                    );
+                  } else {
+                    return null;
+                  }
+                })
+              )
+            )
+          )
+        )
+      );
+    }
+  }]);
+  return AddFieldsModal;
+}(_react.Component);
+
+AddFieldsModal.defaultProps = {
+  visible: false,
+  width: 900, // 默认模态框宽度900
+  title: '添加搜索字段',
+  data: [], // 可供添加的字段列表
+  colNum: 6 // 默认一行显示6列
+};
+exports.default = AddFieldsModal;

package/lib/components/KyTable/action.js

@@ -0,0 +1,222 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _dropdown = require('antd/lib/dropdown');
+
+var _dropdown2 = _interopRequireDefault(_dropdown);
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _menu = require('antd/lib/menu');
+
+var _menu2 = _interopRequireDefault(_menu);
+
+var _divider = require('antd/lib/divider');
+
+var _divider2 = _interopRequireDefault(_divider);
+
+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/dropdown/style');
+
+require('antd/lib/icon/style');
+
+require('antd/lib/menu/style');
+
+require('antd/lib/divider/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHCore = require('../../utils/NHCore');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Action = function (_React$Component) {
+  (0, _inherits3.default)(Action, _React$Component);
+
+  function Action(props) {
+    (0, _classCallCheck3.default)(this, Action);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (Action.__proto__ || (0, _getPrototypeOf2.default)(Action)).call(this, props));
+
+    _this.buildAction = function (action, length) {
+      for (var _len = arguments.length, restProps = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+        restProps[_key - 2] = arguments[_key];
+      }
+
+      var resDiv = [];
+      var record = _this.props.record;
+
+      var _loop = function _loop(i) {
+        resDiv.push(!action[i].isTextBtn ? _react2.default.createElement(
+          'a',
+          {
+            key: (0, _NHCore.createUuid)(),
+            onClick: function onClick(e) {
+              e.stopPropagation();
+              if (action[i].onClick) {
+                action[i].onClick(record, e);
+              }
+            }
+          },
+          action[i].title || ''
+        ) : _react2.default.createElement(
+          'span',
+          { key: (0, _NHCore.createUuid)() },
+          action[i].title || ''
+        ));
+        if (i < length - 1) {
+          resDiv.push(_react2.default.createElement(_divider2.default, { key: (0, _NHCore.createUuid)(), type: 'vertical' }));
+        }
+      };
+
+      for (var i = 0; i < length; i++) {
+        _loop(i);
+      }
+      if (restProps) {
+        resDiv.push.apply(resDiv, restProps);
+      }
+      return resDiv;
+    };
+
+    _this.state = {};
+    return _this;
+  }
+
+  (0, _createClass3.default)(Action, [{
+    key: 'render',
+    value: function render() {
+      var initAction = this.props.action;
+      var record = this.props.record;
+      var actionLength = this.props.actionLength || 2; //表格action显示的个数
+      var action = [];
+      for (var i = 0; i < initAction.length; i++) {
+        if (initAction[i].isShow === undefined || initAction[i].isShow(record)) {
+          initAction[i].isTextBtn = initAction[i].isText && initAction[i].isText(record);
+          action.push(initAction[i]);
+        }
+      }
+
+      var actionHtml = [];
+      if (action.length === 1) {
+        actionHtml.push(_react2.default.createElement(
+          'div',
+          { key: (0, _NHCore.createUuid)() },
+          !action[0].isTextBtn ? _react2.default.createElement(
+            'a',
+            {
+              onClick: function onClick(e) {
+                e.stopPropagation();
+                if (action[0].onClick) {
+                  action[0].onClick(record, e);
+                }
+              }
+            },
+            action[0].title || ''
+          ) : _react2.default.createElement(
+            'span',
+            null,
+            action[0].title || ''
+          )
+        ));
+      } else if (action.length <= actionLength && action.length > 0) {
+        actionHtml.push(_react2.default.createElement(
+          'div',
+          { key: (0, _NHCore.createUuid)() },
+          this.buildAction(action, action.length)
+        ));
+      } else if (action.length > actionLength) {
+        var menuItems = [];
+
+        var _loop2 = function _loop2(_i) {
+          menuItems.push(_react2.default.createElement(
+            _menu2.default.Item,
+            { key: _i },
+            !action[_i].isTextBtn ? _react2.default.createElement(
+              'a',
+              {
+                style: { color: 'var(--primary-color)' },
+                onClick: function onClick(e) {
+                  e.stopPropagation();
+                  if (action[_i].onClick) {
+                    action[_i].onClick(record, e);
+                  }
+                }
+              },
+              action[_i].title || ''
+            ) : _react2.default.createElement(
+              'span',
+              null,
+              ' ',
+              action[_i].title || ''
+            )
+          ));
+        };
+
+        for (var _i = actionLength - 1; _i < action.length; _i++) {
+          _loop2(_i);
+        }
+        var menu = _react2.default.createElement(
+          _menu2.default,
+          null,
+          menuItems
+        );
+        var MoreBtn = function MoreBtn() {
+          return _react2.default.createElement(
+            _dropdown2.default,
+            { overlay: menu },
+            _react2.default.createElement(
+              'a',
+              null,
+              '\u66F4\u591A ',
+              _react2.default.createElement(_icon2.default, { type: 'down' })
+            )
+          );
+        };
+        actionHtml.push(_react2.default.createElement(
+          'div',
+          { key: (0, _NHCore.createUuid)() },
+          this.buildAction(action, actionLength - 1, _react2.default.createElement(_divider2.default, { type: 'vertical', key: (0, _NHCore.createUuid)() }), _react2.default.createElement(MoreBtn, { key: (0, _NHCore.createUuid)() }))
+        ));
+      }
+      return _react2.default.createElement(
+        'div',
+        null,
+        actionHtml
+      );
+    }
+  }]);
+  return Action;
+}(_react2.default.Component);
+
+Action.defaultProps = {
+  action: [],
+  record: undefined
+};
+exports.default = Action;