shineout/es/Menu/List.js

Shein 前端组件库

import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
import React, { PureComponent } from 'react';
import classnames from 'classnames';
import { getKey } from '../utils/uid';
import { menuClass } from './styles';
import Item from './Item';

var List =
/*#__PURE__*/
function (_PureComponent) {
  _inheritsLoose(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 = classnames(menuClass('list', isVertical ? 'vertical' : mode), this.props.className);
    return React.createElement("ul", {
      className: className,
      style: style
    }, data.map(function (d, i) {
      return React.createElement(Item, {
        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: getKey(d, keygen, i),
        inlineIndent: inlineIndent,
        looseChildren: looseChildren,
        toggleOpenKeys: toggleOpenKeys,
        toggleDuration: toggleDuration,
        frontCaretType: frontCaretType,
        parentSelectable: parentSelectable
      });
    }));
  };

  return List;
}(PureComponent);

export default List;