mind-tree-editor - npm Package Compare versions

Comparing version 0.2.6 to 0.2.7

lib/components/OverlayMenu.d.ts

@@ -10,2 +10,3 @@ import React from 'react';
     disabled?: boolean;
+    shortcut?: string;
 }
@@ -12,0 +13,0 @@ export interface OverlayMenuProps {

lib/index.es.js

@@ -66,7 +66,9 @@ import Menu from 'antd/es/menu';
     var menu = (React.createElement(Overlay$1, { style: innerStyle, visible: visible, ref: ref },
-        React.createElement(Menu, { prefixCls: "ant-dropdown-menu", onClick: handleClick, selectable: false }, items.map(function (item) {
+        React.createElement(Menu, { prefixCls: "ant-dropdown-menu", onClick: handleClick, selectable: false, style: { minWidth: 160 } }, items.map(function (item) {
             if (item.type === 'Divider') {
                 return React.createElement(Menu.Divider, { key: item.key });
             }
-            return (React.createElement(Menu.Item, { key: item.key, disabled: !!item.disabled }, item.name));
+            return (React.createElement(Menu.Item, { style: { display: 'flex', justifyContent: 'space-between' }, key: item.key, disabled: !!item.disabled },
+                React.createElement("span", null, item.name),
+                item.shortcut !== undefined && React.createElement("span", null, item.shortcut)));
         }))));
@@ -103,3 +105,4 @@ return menu;
             key: 'add-node',
-            handler: editor.addNode.bind(editor)
+            handler: editor.addNode.bind(editor),
+            shortcut: 'Tab'
         },
@@ -109,3 +112,4 @@ {
             key: 'add-sibling',
-            handler: editor.addSibling.bind(editor)
+            handler: editor.addSibling.bind(editor),
+            shortcut: 'Enter'
         },
@@ -116,3 +120,4 @@ {
             disabled: !editor.couldDelete(),
-            handler: editor.deleteNode.bind(editor)
+            handler: editor.deleteNode.bind(editor),
+            shortcut: 'Delete'
         },
@@ -124,3 +129,4 @@ { type: 'Divider', key: 'divider1' },
             disabled: !editor.couldClone(),
-            handler: editor.cloneNode.bind(editor)
+            handler: editor.cloneNode.bind(editor),
+            shortcut: 'Ctrl+C'
         },
@@ -131,3 +137,4 @@ {
             disabled: !editor.couldPaste(),
-            handler: editor.pasteNode.bind(editor)
+            handler: editor.pasteNode.bind(editor),
+            shortcut: 'Ctrl+V'
         }
@@ -134,0 +141,0 @@ ];

lib/index.js

@@ -74,7 +74,9 @@ 'use strict';
     var menu = (React__default.createElement(Overlay$1, { style: innerStyle, visible: visible, ref: ref },
-        React__default.createElement(Menu, { prefixCls: "ant-dropdown-menu", onClick: handleClick, selectable: false }, items.map(function (item) {
+        React__default.createElement(Menu, { prefixCls: "ant-dropdown-menu", onClick: handleClick, selectable: false, style: { minWidth: 160 } }, items.map(function (item) {
             if (item.type === 'Divider') {
                 return React__default.createElement(Menu.Divider, { key: item.key });
             }
-            return (React__default.createElement(Menu.Item, { key: item.key, disabled: !!item.disabled }, item.name));
+            return (React__default.createElement(Menu.Item, { style: { display: 'flex', justifyContent: 'space-between' }, key: item.key, disabled: !!item.disabled },
+                React__default.createElement("span", null, item.name),
+                item.shortcut !== undefined && React__default.createElement("span", null, item.shortcut)));
         }))));
@@ -111,3 +113,4 @@ return menu;
             key: 'add-node',
-            handler: editor.addNode.bind(editor)
+            handler: editor.addNode.bind(editor),
+            shortcut: 'Tab'
         },
@@ -117,3 +120,4 @@ {
             key: 'add-sibling',
-            handler: editor.addSibling.bind(editor)
+            handler: editor.addSibling.bind(editor),
+            shortcut: 'Enter'
         },
@@ -124,3 +128,4 @@ {
             disabled: !editor.couldDelete(),
-            handler: editor.deleteNode.bind(editor)
+            handler: editor.deleteNode.bind(editor),
+            shortcut: 'Delete'
         },
@@ -132,3 +137,4 @@ { type: 'Divider', key: 'divider1' },
             disabled: !editor.couldClone(),
-            handler: editor.cloneNode.bind(editor)
+            handler: editor.cloneNode.bind(editor),
+            shortcut: 'Ctrl+C'
         },
@@ -139,3 +145,4 @@ {
             disabled: !editor.couldPaste(),
-            handler: editor.pasteNode.bind(editor)
+            handler: editor.pasteNode.bind(editor),
+            shortcut: 'Ctrl+V'
         }
@@ -142,0 +149,0 @@ ];

package.json

 {
   "name": "mind-tree-editor",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "mind editor",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

src/contextMenuItems.ts

@@ -29,3 +29,4 @@ import { OverlayMenuItem } from './components/OverlayMenu';
       key: 'add-node',
-      handler: editor.addNode.bind(editor)
+      handler: editor.addNode.bind(editor),
+      shortcut: 'Tab'
     },
@@ -35,3 +36,4 @@ {
       key: 'add-sibling',
-      handler: editor.addSibling.bind(editor)
+      handler: editor.addSibling.bind(editor),
+      shortcut: 'Enter'
     },
@@ -42,3 +44,4 @@ {
       disabled: !editor.couldDelete(),
-      handler: editor.deleteNode.bind(editor)
+      handler: editor.deleteNode.bind(editor),
+      shortcut: 'Delete'
     },
@@ -50,3 +53,4 @@ { type: 'Divider', key: 'divider1' },
       disabled: !editor.couldClone(),
-      handler: editor.cloneNode.bind(editor)
+      handler: editor.cloneNode.bind(editor),
+      shortcut: 'Ctrl+C'
     },
@@ -57,5 +61,6 @@ {
       disabled: !editor.couldPaste(),
-      handler: editor.pasteNode.bind(editor)
+      handler: editor.pasteNode.bind(editor),
+      shortcut: 'Ctrl+V'
     }
   ];
 };

No alert changes

Improved metrics

Total package byte prevSize

330871

increased by0.73%

Lines of code

4977

increased by0.46%

No dependency changes