Method render

src/cascader/Menu.jsx:119–183

()

  }

  render() {
    const { expandTrigger, popperClass } = this.parent().props;
    const { activeValue, visible } = this.state;
    const activeOptions = this.activeOptions();

    const menus = activeOptions.map((menu, menuIndex) => {
      let isFlat = false;

      const items = menu.map((item, index) => {
        const events = {};

        if (item.__IS__FLAT__OPTIONS) isFlat = true;

        if (!item.disabled) {
          if (item.children) {
            let triggerEvent = {
              click: 'onClick',
              hover: 'onMouseEnter'
            }[expandTrigger];
            events[triggerEvent] = () => { this.activeItem(item, menuIndex); };
          } else {
            events.onClick = () => { this.select(item, menuIndex); };
          }
        }

        return (
          <li key={index} className={this.classNames({
              'el-cascader-menu__item': true,
              'el-cascader-menu__item--extensible': item.children,
              'is-active': item.value === activeValue[menuIndex],
              'is-disabled': item.disabled
            })}
            {...events}
          >
            {item.label}
          </li>
        );
      });

      let menuStyle = {};

      if (isFlat) {
        menuStyle.minWidth = this.inputWidth + 'px';
      }

      return (
        <ul key={menuIndex} className={this.classNames({
          'el-cascader-menu': true,
          'el-cascader-menu--flexible': isFlat
        })} style={menuStyle}>
          {items}
        </ul>
      );
    });

    return (
      <Transition name="el-zoom-in-top">
        <View show={visible}>