@ttk/component/lib/tableSort/index.js

ttk组件库

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var defineProperty = require('../defineProperty-ad97b418.js');
var slicedToArray = require('../slicedToArray-b256d11b.js');
var getPrototypeOf = require('../getPrototypeOf-3a7a3df9.js');
var React = require('react');
var classNames = require('classnames');
var isequal = require('lodash.isequal');
require('../_commonjsHelpers-badc9712.js');
require('../unsupportedIterableToArray-94a305c4.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
var isequal__default = /*#__PURE__*/_interopDefaultLegacy(isequal);

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = getPrototypeOf._getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf._getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return getPrototypeOf._possibleConstructorReturn(this, result); }; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }

var Sort = /*#__PURE__*/function (_React$Component) {
  getPrototypeOf._inherits(Sort, _React$Component);

  var _super = _createSuper(Sort);

  function Sort(props) {
    var _this;

    getPrototypeOf._classCallCheck(this, Sort);

    _this = _super.call(this, props);

    _this.assitShouldComponent = function (target) {
      var obj = {};

      for (var _i = 0, _Object$entries = Object.entries(target); _i < _Object$entries.length; _i++) {
        var _Object$entries$_i = slicedToArray._slicedToArray(_Object$entries[_i], 2),
            key = _Object$entries$_i[0],
            value = _Object$entries$_i[1];

        if (typeof value != 'function') {
          obj[key] = value;
        }
      }

      return obj;
    };

    _this.handleClick = function () {
      var flag;
      var _this$props = _this.props,
          sortOrder = _this$props.sortOrder,
          handleClick = _this$props.handleClick;

      switch (sortOrder) {
        case 'asc':
          flag = 'desc';
          break;

        case 'desc':
          flag = null;
          break;

        default:
          flag = 'asc';
          break;
      }

      if (handleClick) {
        handleClick(flag);
      }
    };

    _this.state = {};
    return _this;
  }

  getPrototypeOf._createClass(Sort, [{
    key: "shouldComponentUpdate",
    value: function shouldComponentUpdate(nextProps, nextState) {
      return !(isequal__default["default"](this.assitShouldComponent(this.props), this.assitShouldComponent(nextProps)) && isequal__default["default"](this.state, nextState));
    }
  }, {
    key: "render",
    value: function render() {
      var _this2 = this;

      var props = this.props;
      var sortOrder = props.sortOrder;
      var className = classNames__default["default"](defineProperty._defineProperty({
        'mk-table-sort': true
      }, props.className, !!props.className));
      return /*#__PURE__*/React__default["default"].createElement("div", {
        className: className,
        onClick: function onClick() {
          _this2.handleClick();
        },
        style: {
          width: '100%',
          cursor: 'pointer'
        }
      }, this.props.title, /*#__PURE__*/React__default["default"].createElement("div", {
        className: "icon"
      }, /*#__PURE__*/React__default["default"].createElement("span", {
        className: "".concat(sortOrder == 'asc' ? 'active' : '')
      }, /*#__PURE__*/React__default["default"].createElement("i", {
        className: "anticon mk-icon edficon edficon-shang"
      })), /*#__PURE__*/React__default["default"].createElement("span", {
        className: "".concat(sortOrder == 'desc' ? 'active' : '')
      }, /*#__PURE__*/React__default["default"].createElement("i", {
        className: "anticon mk-icon edficon edficon-xia"
      }))));
    }
  }]);

  return Sort;
}(React__default["default"].Component);

exports["default"] = Sort;