context-menu.js 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. (function (global, factory) {
  2. if (typeof define === "function" && define.amd) {
  3. define("/advanced/context-menu", ["jquery", "Site"], factory);
  4. } else if (typeof exports !== "undefined") {
  5. factory(require("jquery"), require("Site"));
  6. } else {
  7. var mod = {
  8. exports: {}
  9. };
  10. factory(global.jQuery, global.Site);
  11. global.advancedContextMenu = mod.exports;
  12. }
  13. })(this, function (_jquery, _Site) {
  14. "use strict";
  15. _jquery = babelHelpers.interopRequireDefault(_jquery);
  16. (0, _jquery.default)(document).ready(function ($$$1) {
  17. (0, _Site.run)();
  18. }); // Demo 1
  19. // ------
  20. (function () {
  21. _jquery.default.contextMenu({
  22. selector: '#simpleContextMenu',
  23. // callback: function(key, options) {
  24. // var m = "clicked: " + key;
  25. // window.console && console.log(m) || alert(m);
  26. // },
  27. items: {
  28. "edit": {
  29. name: "Edit",
  30. icon: function icon() {
  31. return 'context-menu-icon context-menu-extend-icon wb-edit';
  32. }
  33. },
  34. "cut": {
  35. name: "Cut",
  36. icon: function icon() {
  37. return 'context-menu-icon context-menu-extend-icon wb-scissor';
  38. }
  39. },
  40. "copy": {
  41. name: "Copy",
  42. icon: function icon() {
  43. return 'context-menu-icon context-menu-extend-icon wb-copy';
  44. }
  45. },
  46. "paste": {
  47. name: "Paste",
  48. icon: function icon() {
  49. return 'context-menu-icon context-menu-extend-icon wb-clipboard';
  50. }
  51. },
  52. "delete": {
  53. name: "Delete",
  54. icon: function icon() {
  55. return 'context-menu-icon context-menu-extend-icon wb-close';
  56. }
  57. },
  58. "sep1": "---------",
  59. "share": {
  60. name: "Share",
  61. icon: function icon() {
  62. return 'context-menu-icon context-menu-extend-icon wb-share';
  63. }
  64. }
  65. }
  66. });
  67. })(); // Demo 2
  68. // ------
  69. (function () {
  70. _jquery.default.contextMenu({
  71. selector: '.contextMenu-example2 > span',
  72. // callback: function(key, options) {
  73. // var m = "clicked: " + key;
  74. // window.console && console.log(m) || alert(m);
  75. // },
  76. items: {
  77. "edit": {
  78. name: "Edit",
  79. icon: function icon() {
  80. return 'context-menu-icon context-menu-extend-icon wb-edit';
  81. }
  82. },
  83. "cut": {
  84. name: "Cut",
  85. icon: function icon() {
  86. return 'context-menu-icon context-menu-extend-icon wb-scissor';
  87. }
  88. },
  89. "copy": {
  90. name: "Copy",
  91. icon: function icon() {
  92. return 'context-menu-icon context-menu-extend-icon wb-copy';
  93. }
  94. },
  95. "paste": {
  96. name: "Paste",
  97. icon: function icon() {
  98. return 'context-menu-icon context-menu-extend-icon wb-clipboard';
  99. }
  100. },
  101. "delete": {
  102. name: "Delete",
  103. icon: function icon() {
  104. return 'context-menu-icon context-menu-extend-icon wb-close';
  105. }
  106. },
  107. "sep1": "---------",
  108. "share": {
  109. name: "Share",
  110. icon: function icon() {
  111. return 'context-menu-icon context-menu-extend-icon wb-share';
  112. }
  113. }
  114. }
  115. });
  116. })(); // Demo 3
  117. // ------
  118. (function () {
  119. _jquery.default.contextMenu({
  120. selector: '.contextMenu-example3',
  121. callback: function callback(key, options) {
  122. var m = "clicked: " + key;
  123. window.console && console.log(m) || alert(m);
  124. },
  125. items: {
  126. "edit": {
  127. name: "Edit",
  128. icon: function icon() {
  129. return 'context-menu-icon context-menu-extend-icon wb-edit';
  130. }
  131. },
  132. "cut": {
  133. name: "Cut",
  134. icon: function icon() {
  135. return 'context-menu-icon context-menu-extend-icon wb-scissor';
  136. }
  137. },
  138. "copy": {
  139. name: "Copy",
  140. icon: function icon() {
  141. return 'context-menu-icon context-menu-extend-icon wb-copy';
  142. }
  143. },
  144. "paste": {
  145. name: "Paste",
  146. icon: function icon() {
  147. return 'context-menu-icon context-menu-extend-icon wb-clipboard';
  148. }
  149. },
  150. "delete": {
  151. name: "Delete",
  152. icon: function icon() {
  153. return 'context-menu-icon context-menu-extend-icon wb-close';
  154. }
  155. },
  156. "sep1": "---------",
  157. "share": {
  158. name: "Share",
  159. icon: function icon() {
  160. return 'context-menu-icon context-menu-extend-icon wb-share';
  161. }
  162. }
  163. }
  164. });
  165. })();
  166. });