sky/sdk/lib/framework/components2/popup_menu.dart

// Copyright 2015 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'animated_component.dart';
import '../animation/animated_value.dart';
import '../fn2.dart';
import '../theme/colors.dart';
import 'dart:async';
import 'dart:math' as math;
import 'material.dart';
import 'popup_menu_item.dart';

const double _kMenuOpenDuration = 300.0;
const double _kMenuCloseDuration = 200.0;
const double _kMenuCloseDelay = 100.0;

enum MenuState { Hidden, Opening, Open, Closing }

class PopupMenuController {
  AnimatedValue position = new AnimatedValue(0.0);
  MenuState _state = MenuState.Hidden;
  MenuState get state => _state;

  bool get canReact => (_state == MenuState.Opening) || (_state == MenuState.Open);

  open() async {
    if (_state != MenuState.Hidden)
      return;
    _state = MenuState.Opening;
    if (await position.animateTo(1.0, _kMenuOpenDuration) == 1.0)
      _state = MenuState.Open;
  }

  Future _closeState;
  close() async {
    var result = new Completer();
    _closeState = result.future;
    if ((_state == MenuState.Opening) || (_state == MenuState.Open)) {
      _state = MenuState.Closing;
      await position.animateTo(0.0, _kMenuCloseDuration, initialDelay: _kMenuCloseDelay);
      _state = MenuState.Hidden;
      _closeState = null;
      result.complete();
      return result.future;
    }
    assert(_closeState != null);
    return _closeState;
  }
}

class PopupMenu extends AnimatedComponent {
  static final Style _style = new Style('''
    border-radius: 2px;
    padding: 8px 0;
    box-sizing: border-box;
    background-color: ${Grey[50]};''');

  List<List<UINode>> items;
  int level;
  PopupMenuController controller;

  double _position;
  int _width;
  int _height;

  PopupMenu({ Object key, this.controller, this.items, this.level })
      : super(key: key) {
    animateField(controller.position, #_position);
    onDidMount(_measureSize);
  }

  double _opacityFor(int i) {
    if (_position == null || _position == 1.0)
      return null;
    double unit = 1.0 / items.length;
    double duration = 1.5 * unit;
    double start = i * unit;
    return math.max(0.0, math.min(1.0, (_position - start) / duration));
  }

  String _inlineStyle() {
    if (_position == null || _position == 1.0 ||
        _height == null || _width == null)
      return null;
    return '''
      opacity: ${math.min(1.0, _position * 3.0)};
      width: ${math.min(_width, _width * (0.5 + _position * 2.0))}px;
      height: ${math.min(_height, _height * _position * 1.5)}px;''';
  }

  void _measureSize() {
    setState(() {
      var root = getRoot();
      _width = root.width.round();
      _height = root.height.round();
    });
  }

  UINode build() {
    int i = 0;
    List<UINode> children = new List.from(items.map((List<UINode> item) {
      double opacity = _opacityFor(i);
      return new PopupMenuItem(key: i++, children: item, opacity: opacity);
    }));

    return new Material(
      content: new Container(
        style: _style,
        inlineStyle: _inlineStyle(),
        children: children
      ),
      level: level);
  }
}