Add plugin code from original repo

i18n.ts

@@ -0,0 +1,122 @@
+const cn = {
+  addChild: '插入子节点',
+  addParent: '插入父节点',
+  addSibling: '插入同级节点',
+  removeNode: '删除节点',
+  focus: '专注',
+  cancelFocus: '取消专注',
+  moveUp: '上移',
+  moveDown: '下移',
+  link: '连接',
+  clickTips: '请点击目标节点',
+
+  font: '文字',
+  background: '背景',
+  tag: '标签',
+  icon: '图标',
+  tagsSeparate: '多个标签半角逗号分隔',
+  iconsSeparate: '多个图标半角逗号分隔',
+  url: 'URL',
+}
+export default {
+  cn,
+  zh_CN: cn,
+  zh_TW: {
+    addChild: '插入子節點',
+    addParent: '插入父節點',
+    addSibling: '插入同級節點',
+    removeNode: '刪除節點',
+    focus: '專注',
+    cancelFocus: '取消專注',
+    moveUp: '上移',
+    moveDown: '下移',
+    link: '連接',
+    clickTips: '請點擊目標節點',
+
+    font: '文字',
+    background: '背景',
+    tag: '標簽',
+    icon: '圖標',
+    tagsSeparate: '多個標簽半角逗號分隔',
+    iconsSeparate: '多個圖標半角逗號分隔',
+    url: 'URL',
+  },
+  en: {
+    addChild: 'Add child',
+    addParent: 'Add parent',
+    addSibling: 'Add sibling',
+    removeNode: 'Remove node',
+    focus: 'Focus Mode',
+    cancelFocus: 'Cancel Focus Mode',
+    moveUp: 'Move up',
+    moveDown: 'Move down',
+    link: 'Link',
+    clickTips: 'Please click the target node',
+
+    font: 'Font',
+    background: 'Background',
+    tag: 'Tag',
+    icon: 'Icon',
+    tagsSeparate: 'Separate tags by comma',
+    iconsSeparate: 'Separate icons by comma',
+    url: 'URL',
+  },
+  ru: {
+    addChild: 'Добавить дочерний элемент',
+    addParent: 'Добавить родительский элемент',
+    addSibling: 'Добавить на этом уровне',
+    removeNode: 'Удалить узел',
+    focus: 'Режим фокусировки',
+    cancelFocus: 'Отменить режим фокусировки',
+    moveUp: 'Поднять выше',
+    moveDown: 'Опустить ниже',
+    link: 'Ссылка',
+    clickTips: 'Пожалуйста, нажмите на целевой узел',
+    font: 'Цвет шрифта',
+    background: 'Цвет фона',
+    tag: 'Тег',
+    icon: 'Иконка',
+    tagsSeparate: 'Разделяйте теги запятой',
+    iconsSeparate: 'Разделяйте иконки запятой',
+  },
+  ja: {
+    addChild: '子ノードを追加する',
+    addParent: '親ノードを追加します',
+    addSibling: '兄弟ノードを追加する',
+    removeNode: 'ノードを削除',
+    focus: '集中',
+    cancelFocus: '集中解除',
+    moveUp: '上へ移動',
+    moveDown: '下へ移動',
+    link: 'コネクト',
+    clickTips: 'ターゲットノードをクリックしてください',
+
+    font: 'フォント',
+    background: 'バックグラウンド',
+    tag: 'タグ',
+    icon: 'アイコン',
+    tagsSeparate: '複数タグはカンマ区切り',
+    iconsSeparate: '複数アイコンはカンマ区切り',
+    url: 'URL',
+  },
+  pt: {
+    addChild: 'Adicionar item filho',
+    addParent: 'Adicionar item pai',
+    addSibling: 'Adicionar item irmao',
+    removeNode: 'Remover item',
+    focus: 'Modo Foco',
+    cancelFocus: 'Cancelar Modo Foco',
+    moveUp: 'Mover para cima',
+    moveDown: 'Mover para baixo',
+    link: 'Link',
+    clickTips: 'Favor clicar no item alvo',
+
+    font: 'Fonte',
+    background: 'Cor de fundo',
+    tag: 'Tag',
+    icon: 'Icone',
+    tagsSeparate: 'Separe tags por virgula',
+    iconsSeparate: 'Separe icones por virgula',
+    url: 'URL',
+  },
+}

main.js

@@ -1,7 +1,7 @@
 import MindElixir, { E } from 'mind-elixir'
 import example from 'mind-elixir/dist/example1'
 
-import pluginName from './index'
+import pluginName from './nodeMenu'
 // import pluginName from '@mind-elixir/plugin-name'
 
 const app = document.querySelector('#app')

nodeMenu.less

@@ -0,0 +1,96 @@
+.mind-elixir .node-menu {
+  position: absolute;
+  right: 20px;
+  top: 20px;
+  background: #fff;
+  padding: 10px;
+  border-radius: 5px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+  width: 240px;
+  box-sizing: border-box;
+  padding: 0 15px 15px;
+  transition: 0.3s all;
+  &.close {
+    height: 30px;
+    width: 46px;
+    overflow: hidden;
+  }
+  .button-container {
+    padding: 3px 0;
+    direction: rtl;
+  }
+  #nm-tag {
+    margin-top: 20px;
+  }
+  .nm-fontsize-container {
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 20px;
+    div {
+      height: 36px;
+      width: 36px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
+      background-color: white;
+      color: tomato;
+      border-radius: 100%;
+    }
+  }
+  .nm-fontcolor-container {
+    margin-bottom: 10px;
+  }
+  input,
+  textarea {
+    background: #f7f9fa;
+    border: 1px solid #dce2e6;
+    border-radius: 3px;
+    padding: 5px;
+    margin: 10px 0;
+    width: 100%;
+    box-sizing: border-box;
+  }
+  textarea {
+    resize: none;
+  }
+  .split6 {
+    display: inline-block;
+    width: 16.66%;
+    margin-bottom: 5px;
+  }
+  .palette {
+    border-radius: 100%;
+    width: 21px;
+    height: 21px;
+    border: 1px solid #edf1f2;
+    margin: auto;
+  }
+  .nmenu-selected,
+  .palette:hover {
+    box-shadow: tomato 0 0 0 2px;
+    background-color: #c7e9fa;
+  }
+  .size-selected {
+    background-color: tomato !important;
+    border-color: tomato;
+    fill: white;
+    color: white;
+    svg {
+      color: #fff;
+    }
+  }
+  .bof {
+    text-align: center;
+    span {
+      display: inline-block;
+      font-size: 14px;
+      border-radius: 4px;
+      padding: 2px 5px;
+    }
+    .selected {
+      background-color: tomato;
+      color: white;
+    }
+  }
+}