shineout/css/Menu/List.js

Shein 前端组件库

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));

var _react = _interopRequireWildcard(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _uid = require("../utils/uid");

var _styles = require("./styles");

var _Item = _interopRequireDefault(require("./Item"));

var List =
/*#__PURE__*/
function (_PureComponent) {
  (0, _inheritsLoose2.default)(List, _PureComponent);

  function List() {
    return _PureComponent.apply(this, arguments) || this;
  }

  var _proto = List.prototype;

  _proto.render = function render() {
    var _this$props = this.props,
        data = _this$props.data,
        path = _this$props.path,
        mode = _this$props.mode,
        style = _this$props.style,
        level = _this$props.level,
        keygen = _this$props.keygen,
        topLine = _this$props.topLine,
        onClick = _this$props.onClick,
        linkKey = _this$props.linkKey,
        disabled = _this$props.disabled,
        renderItem = _this$props.renderItem,
        frontCaret = _this$props.frontCaret,
        bottomLine = _this$props.bottomLine,
        caretColor = _this$props.caretColor,
        inlineIndent = _this$props.inlineIndent,
        looseChildren = _this$props.looseChildren,
        frontCaretType = _this$props.frontCaretType,
        toggleOpenKeys = _this$props.toggleOpenKeys,
        toggleDuration = _this$props.toggleDuration,
        parentSelectable = _this$props.parentSelectable;
    var isVertical = mode.indexOf('vertical') === 0;
    var className = (0, _classnames.default)((0, _styles.menuClass)('list', isVertical ? 'vertical' : mode), this.props.className);
    return _react.default.createElement("ul", {
      className: className,
      style: style
    }, data.map(function (d, i) {
      return _react.default.createElement(_Item.default, {
        data: d,
        index: i,
        mode: mode,
        path: path,
        level: level,
        keygen: keygen,
        onClick: onClick,
        linkKey: linkKey,
        topLine: topLine,
        disabled: disabled,
        frontCaret: frontCaret,
        caretColor: caretColor,
        bottomLine: bottomLine,
        renderItem: renderItem,
        key: (0, _uid.getKey)(d, keygen, i),
        inlineIndent: inlineIndent,
        looseChildren: looseChildren,
        toggleOpenKeys: toggleOpenKeys,
        toggleDuration: toggleDuration,
        frontCaretType: frontCaretType,
        parentSelectable: parentSelectable
      });
    }));
  };

  return List;
}(_react.PureComponent);

var _default = List;
exports.default = _default;