@cherry-markdown/cherry-markdown-dev 0.9.0-dev.202504110650.834443a → 0.9.0-dev.202504160300.d23d141

package/src/toolbars/Toolbar.js

@@ -1,449 +0,0 @@
-/**
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import HookCenter from './HookCenter';
-import { createElement } from '@/utils/dom';
-import Logger from '@/Logger';
-import {
-  getAllowedShortcutKey,
-  getStorageKeyMap,
-  keyStack2UniqueString,
-  storageKeyMap,
-  isEnableShortcutKey,
-} from '@/utils/shortcutKey';
-
-/**
- * @typedef {()=>void} Bold 向cherry编辑器中插入粗体语法
- * @typedef {()=>void} Italic 向cherry编辑器中插入斜体语法
- * @typedef {(level:1|2|3|4|5|'1'|'2'|'3'|'4'|'5')=>void} Header  向cherry编辑器中插入标题语法
- * - level 标题等级 1~5
- * @typedef {()=>void} Strikethrough 向cherry编辑器中插入删除线语法
- * @typedef {(type:'ol'|'ul'|'checklist'|1|2|3|'1'|'2'|'3')=>void} List 向cherry编辑器中插入有序、无序列表或者checklist语法
- * - ol(1)有序
- * - ul(2)无序列表
- * - checklist(3)checklist
- * @typedef {`normal-table-${number}*${number}`} normalTableRowCol 插入表格语法约束
- * @typedef {(insert:'hr'|'br'|'code'|'formula'|'checklist'|'toc'|'link'|'image'|'video'|'audio'|'normal-table'|normalTableRowCol)=>void} Insert 向cherry编辑器中插入特定语法(需要在`toolbar`中预先配置功能)
- * - hr 水平分割线
- * - br 换行
- * - code 代码块
- * - formula 公式
- * - checklist 检查项
- * - toc 目录
- * - link 链接
- * - image 图片
- * - video 视频
- * - audio 音频
- * - normal-table 插入3行5列的表格
- * - normal-table-row*col 如normal-table-2*4插入2行(包含表头是3行)4列的表格
- * @typedef {(type:'1'|'2'|'3'|'4'|'5'|'6'|1|2|3|4|5|6|'flow'|'sequence'|'state'|'class'|'pie'|'gantt')=>void} Graph 向cherry编辑器中插入画图语法
- * - flow(1) 流程图
- * - sequence(2) 时序图
- * - state(3)状态图
- * - class(4)类图
- * - pie(5)饼图
- * - gantt(6)甘特图
- */
-
-export default class Toolbar {
-  /**
-   * @typedef {{
-   * bold?:Bold;
-   * italic?:Italic;
-   * header?:Header;
-   * strikethrough?:Strikethrough;
-   * list?:List;
-   * insert?:Insert;
-   * graph?:Graph;
-   * [key:string]:any;
-   * }} ToolbarHandlers
-   * @type ToolbarHandlers 外部获取 toolbarHandlers 的部分功能
-   */
-  toolbarHandlers = {};
-
-  constructor(options) {
-    // 存储所有菜单的实例
-    this.menus = {};
-    // 存储所有快捷键的影射  {快捷键: 菜单名称}
-    this.shortcutKeyMap = {};
-    // 存储所有二级菜单面板
-    this.subMenus = {};
-    this.currentActiveSubMenu = null;
-    // 默认的菜单配置
-    this.options = {
-      dom: document.createElement('div'),
-      buttonConfig: ['bold'],
-      customMenu: [],
-    };
-
-    Object.assign(this.options, options);
-    this.$cherry = this.options.$cherry;
-    this.instanceId = this.$cherry.instanceId;
-    this.menus = new HookCenter(this);
-    this.drawMenus();
-    this.collectShortcutKey();
-    this.collectToolbarHandler();
-    this.init();
-  }
-
-  init() {
-    this.$cherry.$event.on('cleanAllSubMenus', () => this.hideAllSubMenu());
-  }
-
-  previewOnly() {
-    this.options.dom.classList.add('preview-only');
-    this.$cherry.wrapperDom.classList.add('cherry--no-toolbar');
-    this.$cherry.$event.emit('toolbarHide');
-  }
-
-  showToolbar() {
-    this.options.dom.classList.remove('preview-only');
-    this.$cherry.wrapperDom.classList.remove('cherry--no-toolbar');
-    this.$cherry.$event.emit('toolbarShow');
-  }
-
-  isHasLevel2Menu(name) {
-    // FIXME: return boolean
-    return this.menus.level2MenusName[name];
-  }
-
-  isHasConfigMenu(name) {
-    // FIXME: return boolean
-    return this.menus.hooks[name].subMenuConfig || [];
-  }
-
-  /**
-   * 判断是否有子菜单，目前有两种子菜单配置方式：1、通过`subMenuConfig`属性 2、通过`buttonConfig`配置属性
-   * @param {string} name
-   * @returns {boolean} 是否有子菜单
-   */
-  isHasSubMenu(name) {
-    return Boolean(this.isHasLevel2Menu(name) || this.isHasConfigMenu(name).length > 0);
-  }
-
-  /**
-   * 根据配置画出来一级工具栏
-   */
-  drawMenus() {
-    const fragLeft = document.createDocumentFragment();
-
-    this.menus.level1MenusName.forEach((name) => {
-      const btn = this.menus.hooks[name].createBtn();
-      if (typeof window === 'object' && 'onpointerup' in window) {
-        // 只有先down再up的才触发click逻辑，避免误触（尤其是float menu的场景）
-        btn.addEventListener(
-          'pointerdown',
-          () => {
-            this.isPointerDown = true;
-          },
-          false,
-        );
-        btn.addEventListener(
-          'pointerup',
-          (event) => {
-            this.isPointerDown && this.onClick(event, name);
-            this.isPointerDown = false;
-          },
-          false,
-        );
-      } else {
-        // vscode 插件里不支持 pointer event
-        btn.addEventListener(
-          'click',
-          (event) => {
-            this.onClick(event, name);
-          },
-          false,
-        );
-      }
-      if (this.isHasSubMenu(name)) {
-        btn.classList.add('cherry-toolbar-dropdown');
-      }
-      fragLeft.appendChild(btn);
-    });
-
-    this.appendMenusToDom(fragLeft);
-  }
-
-  appendMenusToDom(menus) {
-    const toolbarLeft = createElement('div', 'toolbar-left');
-    toolbarLeft.appendChild(menus);
-    this.options.dom.appendChild(toolbarLeft);
-  }
-
-  setSubMenuPosition(menuObj, subMenuObj) {
-    const pos = menuObj.getMenuPosition();
-    subMenuObj.style.left = `${pos.left + pos.width / 2}px`;
-    subMenuObj.style.top = `${pos.top + pos.height}px`;
-    subMenuObj.style.position = menuObj.positionModel;
-  }
-
-  drawSubMenus(name) {
-    this.subMenus[name] = createElement('div', 'cherry-dropdown', { name });
-    this.setSubMenuPosition(this.menus.hooks[name], this.subMenus[name]);
-    // 如果有配置的二级菜单
-    const level2MenusName = this.isHasLevel2Menu(name);
-    if (level2MenusName) {
-      level2MenusName.forEach((level2Name) => {
-        const subMenu = this.menus.hooks[level2Name];
-        if (subMenu !== undefined && typeof subMenu.createBtn === 'function') {
-          const btn = subMenu.createBtn(true);
-          // 二级菜单的dom认定为一级菜单的
-          subMenu.dom = subMenu.dom ? subMenu.dom : this.menus.hooks[name].dom;
-          btn.addEventListener('click', (event) => this.onClick(event, level2Name, true), false);
-          this.subMenus[name].appendChild(btn);
-        }
-      });
-    }
-    // 兼容旧版本配置的二级菜单
-    const subMenuConfig = this.isHasConfigMenu(name);
-    if (subMenuConfig.length > 0) {
-      subMenuConfig.forEach((config) => {
-        const btn = this.menus.hooks[name].createSubBtnByConfig(config);
-        if (!config?.disabledHideAllSubMenu) {
-          btn.addEventListener('click', () => this.hideAllSubMenu(), false);
-        }
-        this.subMenus[name].appendChild(btn);
-      });
-    }
-    this.$cherry.wrapperDom.appendChild(this.subMenus[name]);
-  }
-
-  /**
-   * 处理点击事件
-   */
-  onClick(event, name, focusEvent = false) {
-    const menu = this.menus.hooks[name];
-    if (!menu) {
-      return;
-    }
-    if (this.isHasSubMenu(name) && !focusEvent) {
-      this.toggleSubMenu(name);
-    } else {
-      /**
-       * 如果定义了hideOtherSubMenu，则隐藏其他二级菜单，但不隐藏自己（因为其二级菜单是自己实现的独立逻辑）
-       *  比如：颜色选择器、快捷键配置
-       */
-      // @ts-ignore
-      if (typeof menu.hideOtherSubMenu === 'function') {
-        // @ts-ignore
-        menu.hideOtherSubMenu(() => this.hideAllSubMenu());
-      } else {
-        this.hideAllSubMenu();
-      }
-      menu.fire(event, name);
-    }
-  }
-
-  /**
-   * 激活二级菜单添加选中颜色
-   * @param {string} name
-   */
-  activeSubMenuItem(name) {
-    const subMenu = this.subMenus[name];
-    const index = this.menus.hooks?.[name]?.getActiveSubMenuIndex(subMenu);
-    subMenu?.querySelectorAll('.cherry-dropdown-item').forEach((item, i) => {
-      item.classList.toggle('cherry-dropdown-item__selected', i === index);
-    });
-  }
-  updateSubMenuPosition() {
-    if (this.currentActiveSubMenu && this.subMenus[this.currentActiveSubMenu]) {
-      this.setSubMenuPosition(this.menus.hooks[this.currentActiveSubMenu], this.subMenus[this.currentActiveSubMenu]);
-    }
-  }
-
-  /**
-   * 展开/收起二级菜单
-   */
-  toggleSubMenu(name) {
-    if (!this.subMenus[name]) {
-      // 如果没有二级菜单，则先画出来，然后再显示
-      this.hideAllSubMenu();
-      this.drawSubMenus(name);
-      this.subMenus[name].style.display = 'block';
-      this.activeSubMenuItem(name);
-      this.currentActiveSubMenu = name;
-      return;
-    }
-    if (this.subMenus[name].style.display === 'none') {
-      // 如果是隐藏的，则先隐藏所有二级菜单，再显示当前二级菜单
-      this.hideAllSubMenu();
-      this.subMenus[name].style.display = 'block';
-      this.setSubMenuPosition(this.menus.hooks[name], this.subMenus[name]);
-      this.activeSubMenuItem(name);
-      this.currentActiveSubMenu = name;
-    } else {
-      // 如果是显示的，则隐藏当前二级菜单
-      this.subMenus[name].style.display = 'none';
-      this.currentActiveSubMenu = null;
-    }
-  }
-
-  /**
-   * 隐藏所有的二级菜单
-   */
-  hideAllSubMenu() {
-    this.currentActiveSubMenu = null;
-    this.$cherry.wrapperDom.querySelectorAll('.cherry-dropdown').forEach((dom) => {
-      dom.style.display = 'none';
-    });
-  }
-
-  /**
-   * 收集工具栏的各项信息，主要有：
-   *   this.toolbarHandlers
-   *   this.menus.hooks
-   *   this.shortcutKeyMap
-   * @param {Toolbar} toolbarObj 工具栏对象
-   */
-  collectMenuInfo(toolbarObj) {
-    this.toolbarHandlers = Object.assign({}, this.toolbarHandlers, toolbarObj.toolbarHandlers);
-    this.menus.hooks = Object.assign({}, toolbarObj.menus.hooks, this.menus.hooks);
-    // 只有没设置自定义快捷键的时候才需要收集其他toolbar对象的快捷键配置
-    if (!this.options.shortcutKey || Object.keys(this.options.shortcutKey).length <= 0) {
-      this.shortcutKeyMap = Object.assign({}, this.shortcutKeyMap, toolbarObj.shortcutKeyMap);
-    }
-  }
-
-  /**
-   * 收集快捷键
-   * @param {boolean} useUserSettings 是否使用用户配置的快捷键
-   */
-  collectShortcutKey(useUserSettings = true) {
-    // 兼容旧版本配置
-    if (
-      this.$cherry.options.toolbars.shortcutKey &&
-      Object.keys(this.$cherry.options.toolbars.shortcutKey).length > 0
-    ) {
-      Object.entries(this.$cherry.options.toolbars.shortcutKey).forEach(([key, value]) => {
-        const $key = key
-          .replace(/Ctrl-/g, 'Control-')
-          .replace(/-([A-Za-z])$/g, (w, m1) => {
-            return `-Key${m1.toUpperCase()}`;
-          })
-          .replace(/-([0-9])$/g, '-Digit$1');
-        this.shortcutKeyMap[$key] = { hookName: value, aliasName: this.$cherry.locale[value] || value };
-      });
-    }
-    if (this.$cherry.options.toolbars.shortcutKeySettings.isReplace) {
-      this.shortcutKeyMap = this.$cherry.options.toolbars.shortcutKeySettings.shortcutKeyMap;
-    } else {
-      this.menus.allMenusName.forEach((name) => {
-        this.menus.hooks[name].shortcutKeys?.forEach((key) => {
-          this.shortcutKeyMap[key] = name;
-        });
-        if (typeof this.menus.hooks[name].shortcutKeyMap === 'object' && this.menus.hooks[name].shortcutKeyMap) {
-          Object.entries(this.menus.hooks[name].shortcutKeyMap).forEach(([key, value]) => {
-            if (key in this.shortcutKeyMap) {
-              console.error(`The shortcut key ${key} is already registered`);
-              return;
-            }
-            this.shortcutKeyMap[key] = value;
-          });
-        }
-      });
-      Object.entries(this.$cherry.options.toolbars.shortcutKeySettings.shortcutKeyMap).forEach(([key, value]) => {
-        this.shortcutKeyMap[key] = value;
-      });
-      if (!useUserSettings) {
-        return;
-      }
-      // 本地缓存的快捷键配置优先级最高，按 hookName-aliasName 替换相同的快捷键
-      const cachedMap = getStorageKeyMap(this.$cherry.nameSpace);
-      if (cachedMap) {
-        const nameKeyMap = {};
-        Object.entries(this.shortcutKeyMap).forEach(([key, value]) => {
-          nameKeyMap[`${value.hookName}-${value.aliasName}`] = key;
-        });
-        Object.entries(cachedMap).forEach(([key, value]) => {
-          const testKey = `${value.hookName}-${value.aliasName}`;
-          if (nameKeyMap[testKey]) {
-            delete this.shortcutKeyMap[nameKeyMap[testKey]];
-          }
-          this.shortcutKeyMap[key] = value;
-        });
-      }
-    }
-  }
-
-  /**
-   * 更新快捷键映射
-   * @param {string} oldShortcutKey 旧的快捷键
-   * @param {string} newShortcutKey 新的快捷键
-   */
-  updateShortcutKeyMap(oldShortcutKey, newShortcutKey) {
-    if (oldShortcutKey === newShortcutKey) {
-      return false;
-    }
-    const old = this.shortcutKeyMap[oldShortcutKey];
-    if (!old) {
-      return false;
-    }
-    // 删除旧值
-    delete this.shortcutKeyMap[oldShortcutKey];
-    // 更新内存中的映射
-    this.shortcutKeyMap[newShortcutKey] = old;
-    // 更新缓存中的映射
-    storageKeyMap(this.$cherry.nameSpace, this.shortcutKeyMap);
-  }
-
-  collectToolbarHandler() {
-    this.toolbarHandlers = this.menus.allMenusName.reduce((handlerMap, name) => {
-      const menuHook = this.menus.hooks[name];
-      if (!menuHook) {
-        return handlerMap;
-      }
-      handlerMap[name] = (shortcut, _callback) => {
-        if (typeof _callback === 'function') {
-          Logger.warn(
-            'MenuBase#onClick param callback is no longer supported. Please register the callback via MenuBase#registerAfterClickCb instead.',
-          );
-        }
-        menuHook.fire.call(menuHook, undefined, shortcut);
-      };
-      return handlerMap;
-    }, {});
-  }
-
-  /**
-   * 监测是否有对应的快捷键
-   * @param {KeyboardEvent} evt keydown 事件
-   * @returns {boolean} 是否有对应的快捷键
-   */
-  matchShortcutKey(evt) {
-    const onKeyStack = getAllowedShortcutKey(evt);
-    const shortcutKey = keyStack2UniqueString(onKeyStack);
-    return !!this.shortcutKeyMap?.[shortcutKey];
-  }
-
-  /**
-   * 触发对应快捷键的事件
-   * @param {KeyboardEvent} evt
-   * @returns {boolean} 是否需要阻塞后续事件，true: 阻塞；false: 不阻塞
-   */
-  fireShortcutKey(evt) {
-    // 如果禁用了快捷键，则不再触发快捷键事件
-    if (!isEnableShortcutKey(this.$cherry.nameSpace)) {
-      return false;
-    }
-    const onKeyStack = getAllowedShortcutKey(evt);
-    const currentKey = keyStack2UniqueString(onKeyStack);
-    const keyMap = this.shortcutKeyMap[currentKey]?.hookName;
-    if (typeof keyMap === 'string' && keyMap) {
-      this.menus.hooks[keyMap]?.fire(evt, currentKey);
-    }
-    return true;
-  }
-}

package/src/toolbars/ToolbarRight.js

@@ -1,37 +0,0 @@
-/**
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import Toolbar from './Toolbar';
-import { createElement } from '@/utils/dom';
-/**
- * 在编辑区域选中文本时浮现的bubble工具栏
- */
-export default class ToolbarRight extends Toolbar {
-  /**
-   * 根据配置画出来一级工具栏
-   */
-  appendMenusToDom(menus) {
-    const toolbarLeft = createElement('div', 'toolbar-right');
-    toolbarLeft.appendChild(menus);
-    this.options.dom.appendChild(toolbarLeft);
-  }
-
-  init() {
-    super.init();
-    Object.entries(this.shortcutKeyMap).forEach(([key, value]) => {
-      this.$cherry.toolbar.shortcutKeyMap[key] = value;
-    });
-  }
-}

package/src/toolbars/hooks/Audio.js

@@ -1,79 +0,0 @@
-/**
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import MenuBase from '@/toolbars/MenuBase';
-import { handleUpload, handleParams, handleUploadMulti } from '@/utils/file';
-/**
- * 插入音频
- */
-export default class Audio extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('audio', 'video');
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    const accept = this.$cherry.options?.fileTypeLimitMap?.audio ?? '*';
-    const multiple = this.$cherry?.options.multipleFileSelection?.audio ?? false;
-    if (multiple) {
-      if (this.hasCacheOnce()) {
-        // @ts-ignore
-        const arr = this.getAndCleanCacheOnce();
-        let res = '';
-        // @ts-ignore
-        for (const { url, params } of arr) {
-          const begin = '!audio[';
-          const end = `](${url})`;
-          this.registerAfterClickCb(() => {
-            this.setLessSelection(begin, end);
-          });
-          const finalName = params.name ? params.name : name;
-          res += `${begin}${finalName}${handleParams(params)}${end}\n`;
-        }
-        return res;
-      }
-      // 插入图片，调用上传文件逻辑
-      handleUploadMulti(this.editor, 'audio', accept, (arr) => {
-        this.setCacheOnce(arr);
-        this.fire(null);
-      });
-      this.updateMarkdown = false;
-      return selection;
-    }
-    if (this.hasCacheOnce()) {
-      // @ts-ignore
-      const { name, url, params } = this.getAndCleanCacheOnce();
-      const begin = '!audio[';
-      const end = `](${url})`;
-      this.registerAfterClickCb(() => {
-        this.setLessSelection(begin, end);
-      });
-      const finalName = params.name ? params.name : name;
-      return `${begin}${finalName}${handleParams(params)}${end}`;
-    }
-    // 插入图片，调用上传文件逻辑
-    handleUpload(this.editor, 'audio', accept, (name, url, params) => {
-      this.setCacheOnce({ name, url, params });
-      this.fire(null);
-    });
-    this.updateMarkdown = false;
-    return selection;
-  }
-}

package/src/toolbars/hooks/BarTable.js

@@ -1,41 +0,0 @@
-/**
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import MenuBase from '@/toolbars/MenuBase';
-/**
- * 插入柱状图图+表格
- */
-export default class BrTable extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('brTable', 'table');
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    // 插入带折线图的表格
-    return `${selection}\n\n${[
-      '| :bar: {x,y} | a | b | c |',
-      '| :-: | :-: | :-: | :-: |',
-      '| x | 1 | 2 | 3 |',
-      '| y | 2 | 4 | 6 |',
-      '| z | 7 | 5 | 3 |',
-    ].join('\n')}\n\n`;
-  }
-}

package/src/toolbars/hooks/Bold.js

@@ -1,73 +0,0 @@
-/**
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import MenuBase from '@/toolbars/MenuBase';
-import { CONTROL_KEY, getKeyCode } from '@/utils/shortcutKey';
-/**
- * 加粗按钮
- */
-export default class Bold extends MenuBase {
-  /**
-   * @param {import('@/toolbars/MenuBase').MenuBaseConstructorParams} $cherry
-   */
-  constructor($cherry) {
-    super($cherry);
-    this.setName('bold', 'bold');
-    this.shortcutKeyMap = {
-      [`${CONTROL_KEY}-${getKeyCode('b')}`]: {
-        hookName: this.name,
-        aliasName: $cherry.locale[this.name],
-      },
-    };
-  }
-
-  /**
-   * 是不是包含加粗语法
-   * @param {String} selection
-   * @returns {Boolean}
-   */
-  $testIsBold(selection) {
-    return /^\s*(\*\*|__)[\s\S]+(\1)/.test(selection);
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @param {string} shortKey 快捷键参数，本函数不处理这个参数
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    let $selection = this.getSelection(selection) || this.locale.bold;
-    // 如果是单选，并且选中内容的开始结束内没有加粗语法，则扩大选中范围
-    if (!this.isSelections && !this.$testIsBold($selection)) {
-      this.getMoreSelection('**', '**', () => {
-        const newSelection = this.editor.editor.getSelection();
-        const isBold = this.$testIsBold(newSelection);
-        if (isBold) {
-          $selection = newSelection;
-        }
-        return isBold;
-      });
-    }
-    // 如果选中的文本中已经有加粗语法了，则去掉加粗语法
-    if (this.$testIsBold($selection)) {
-      return $selection.replace(/(^)(\s*)(\*\*|__)([^\n]+)(\3)(\s*)($)/gm, '$1$4$7');
-    }
-    this.registerAfterClickCb(() => {
-      this.setLessSelection('**', '**');
-    });
-    return $selection.replace(/(^)([^\n]+)($)/gm, '$1**$2**$3');
-  }
-}