search.js 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /**
  2. * @fileOverview
  3. *
  4. * 搜索节点功能
  5. *
  6. * @author: techird
  7. * @copyright: Baidu FEX, 2014
  8. */
  9. KityMinder.registerUI('topbar/search', function(minder) {
  10. var $search = $('<div id="search"><input type="search" /></div>').appendTo('#panel');
  11. var $input = $search.find('input');
  12. minder.addShortcut('ctrl+f', function() {
  13. $input[0].focus();
  14. $input[0].select();
  15. });
  16. $input.on('keydown', function(e) {
  17. if (e.keyCode == 13) {
  18. doSearch($input.val());
  19. }
  20. if (e.keyCode == 27) {
  21. $input[0].blur();
  22. }
  23. });
  24. var nodeSequence;
  25. minder.on('contentchange', makeNodeSequence);
  26. function makeNodeSequence() {
  27. nodeSequence = [];
  28. minder.getRoot().traverse(function(node) {
  29. nodeSequence.push(node);
  30. });
  31. }
  32. function doSearch(keyword) {
  33. if (!/\S/.exec(keyword)) {
  34. $input[0].focus();
  35. $input[0].select();
  36. return;
  37. }
  38. keyword = keyword.toLowerCase();
  39. var newSearch = doSearch.lastKeyword != keyword;
  40. doSearch.lastKeyword = keyword;
  41. var startIndex = newSearch ? 0 : doSearch.lastIndex + 1 || 0;
  42. var endIndex = startIndex + nodeSequence.length - 1;
  43. for (var i = startIndex; i <= endIndex; i++) {
  44. var node = nodeSequence[i % nodeSequence.length];
  45. var text = node.getText().toLowerCase();
  46. if (text.indexOf(keyword) != -1) {
  47. setSearchResult(node);
  48. doSearch.lastIndex = i;
  49. break;
  50. }
  51. var note = node.getData('note');
  52. if (note && note.indexOf(keyword) != -1) {
  53. setSearchResult(node, keyword);
  54. doSearch.lastIndex = i;
  55. break;
  56. }
  57. }
  58. function setSearchResult(node, previewKeyword) {
  59. var $notepreview = minder.getUI('ribbon/idea/notepreview');
  60. if ($notepreview) {
  61. $notepreview.hide();
  62. }
  63. minder.execCommand('camera', node, 50);
  64. setTimeout(function() {
  65. minder.select(node, true);
  66. if (!node.isExpanded()) minder.execCommand('expand', true);
  67. if (previewKeyword) {
  68. if ($notepreview) {
  69. $notepreview.preview(node, previewKeyword);
  70. }
  71. }
  72. }, 60);
  73. }
  74. }
  75. return $search;
  76. });