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

package/src/toolbars/hooks/Sup.js

@@ -1,58 +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 { getSelection } from '@/utils/selection';
-/**
- * 上标的按钮
- **/
-export default class Sup extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('sup', 'sup');
-  }
-
-  $testIsSup(selection) {
-    return /^\s*(\^)[\s\S]+(\1)/.test(selection);
-  }
-
-  /**
-   *
-   * @param {string} selection 被用户选中的文本内容
-   * @param {string} shortKey 快捷键参数，本函数不处理这个参数
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    let $selection = getSelection(this.editor.editor, selection) || this.locale.sup;
-    // 如果选中的内容里有上标的语法，则认为是要去掉上标语法
-    if (!this.isSelections && !this.$testIsSup($selection)) {
-      this.getMoreSelection('^', '^', () => {
-        const newSelection = this.editor.editor.getSelection();
-        const isSup = this.$testIsSup(newSelection);
-        if (isSup) {
-          $selection = newSelection;
-        }
-        return isSup;
-      });
-    }
-    if (this.$testIsSup($selection)) {
-      return selection.replace(/(^)(\s*)(\^)([^\n]+)(\3)(\s*)($)/gm, '$1$4$7');
-    }
-    this.registerAfterClickCb(() => {
-      this.setLessSelection('^', '^');
-    });
-    return $selection.replace(/(^)([^\n]+)($)/gm, '$1^$2^$3');
-  }
-}

package/src/toolbars/hooks/SwitchModel.js

@@ -1,56 +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 SwitchModel extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('switchPreview');
-    this.instanceId = $cherry.instanceId;
-    this.attachEventListeners();
-  }
-
-  attachEventListeners() {
-    this.$cherry.$event.on('toolbarHide', () => {
-      // 当收到工具栏隐藏事件后，修改工具栏的内容为切换到编辑模式的内容
-      this.dom.textContent = this.locale.switchEdit;
-    });
-    this.$cherry.$event.on('toolbarShow', () => {
-      // 当收到工具栏显示事件后，修改工具栏的内容为切换到预览模式的内容
-      this.dom.textContent = this.locale.switchPreview;
-    });
-  }
-
-  onClick() {
-    if (this.editor.previewer.isPreviewerHidden()) {
-      // 从编辑模式切换到预览模式
-      this.editor.previewer.previewOnly();
-      const toolbar = this.dom.parentElement.parentElement;
-      toolbar.classList.add('preview-only');
-      this.dom.textContent = this.locale.switchEdit;
-    } else {
-      // 从预览模式切换到编辑模式
-      this.editor.previewer.editOnly(true);
-      const toolbar = this.dom.parentElement.parentElement;
-      toolbar.classList.remove('preview-only');
-      this.dom.textContent = this.locale.switchPreview;
-    }
-  }
-}

package/src/toolbars/hooks/Table.js

@@ -1,56 +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 BubbleTableMenu from '@/toolbars/BubbleTable';
-/**
- * 插入普通表格
- */
-export default class Table extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('table', 'table');
-
-    this.subBubbleTableMenu = new BubbleTableMenu({ row: 9, col: 9 });
-    $cherry.editor.options.wrapperDom.appendChild(this.subBubbleTableMenu.dom);
-    this.catchOnce = '';
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @returns {*} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    // 如果二维面板处于隐藏状态，说明是第一次点击
-    if (this.subBubbleTableMenu.dom.style.display === 'none' || !this.hasCacheOnce()) {
-      // 插入表格，会出现一个二维面板，用户可以通过点击决定插入表格的行号和列号
-      const pos = this.dom.getBoundingClientRect();
-      this.subBubbleTableMenu.dom.style.left = `${pos.left + pos.width}px`;
-      this.subBubbleTableMenu.dom.style.top = `${pos.top + pos.height}px`;
-      this.subBubbleTableMenu.show((row, col) => {
-        const headerText = ' Header |'.repeat(col);
-        const controlText = ' ------ |'.repeat(col);
-        const rowText = `\n|${' Sample |'.repeat(col)}`;
-        const final = `${selection}\n\n|${headerText}\n|${controlText}${rowText.repeat(row)}\n\n`;
-        this.setCacheOnce(final);
-        this.fire(null);
-      });
-      this.updateMarkdown = false;
-      return false;
-    }
-    return this.getAndCleanCacheOnce();
-  }
-}

package/src/toolbars/hooks/Theme.js

@@ -1,62 +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 { changeTheme } from '@/utils/config';
-/**
- * 修改主题
- */
-export default class Theme extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('theme', 'insertChart');
-    this.subMenuConfig = [];
-    const self = this;
-
-    const themes = $cherry.options.theme || $cherry.options.themeSettings.themeList;
-    themes.forEach((one) => {
-      self.subMenuConfig.push({
-        iconName: one.className,
-        name: one.label,
-        onclick: self.bindSubClick.bind(self, one.className),
-      });
-    });
-  }
-
-  /**
-   * 绑定子菜单点击事件
-   * @param {HTMLDivElement} subMenuDomPanel
-   * @returns {number} 当前激活的子菜单索引
-   */
-  getActiveSubMenuIndex(subMenuDomPanel) {
-    const theme = this.$cherry.wrapperDom.className.match(/theme__([^\s]+)/)?.[1] || '';
-    return Array.from(subMenuDomPanel.querySelectorAll('.cherry-dropdown-item')).findIndex((item) =>
-      item.querySelector(`.ch-icon-${theme}`),
-    );
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @param {string} shortKey 快捷键参数
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    this.$cherry.$event.emit('changeMainTheme', shortKey);
-    changeTheme(this.$cherry, shortKey);
-    this.updateMarkdown = false;
-    return '';
-  }
-}

package/src/toolbars/hooks/Toc.js

@@ -1,35 +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 Toc extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('toc', 'toc');
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    // 插入目录
-    return `${selection}\n\n[[toc]]\n`;
-  }
-}

package/src/toolbars/hooks/TogglePreview.js

@@ -1,91 +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 TogglePreview extends MenuBase {
-  /** @type {boolean} 当前预览状态 */
-  $previewerHidden = false;
-
-  constructor($cherry) {
-    super($cherry);
-    this.setName('previewClose', 'previewClose');
-    this.instanceId = $cherry.instanceId;
-    this.updateMarkdown = false;
-    this.attachEventListeners();
-  }
-
-  /**
-   * 绑定预览事件
-   */
-  attachEventListeners() {
-    this.$cherry.$event.on('previewerClose', () => {
-      this.isHidden = true;
-    });
-    this.$cherry.$event.on('previewerOpen', () => {
-      this.isHidden = false;
-    });
-  }
-
-  get isHidden() {
-    return this.$previewerHidden;
-  }
-
-  set isHidden(state) {
-    // 节流
-    if (state === this.$previewerHidden) {
-      return;
-    }
-    const icon = this.dom.querySelector('i');
-    // 隐藏预览，按钮状态为打开预览
-    if (state) {
-      icon.classList.toggle('ch-icon-previewClose', false);
-      icon.classList.toggle('ch-icon-preview', true);
-      icon.title = this.locale.togglePreview;
-    } else {
-      icon.classList.toggle('ch-icon-previewClose', true);
-      icon.classList.toggle('ch-icon-preview', false);
-      icon.title = this.locale.previewClose;
-    }
-    this.$previewerHidden = state;
-  }
-
-  /**
-   * 响应点击事件
-   */
-  onClick() {
-    // 需要浮动预览
-    if (this.editor.previewer.isPreviewerNeedFloat()) {
-      // 正在浮动预览
-      if (this.editor.previewer.isPreviewerFloat()) {
-        this.editor.previewer.recoverFloatPreviewer(true);
-        this.isHidden = false;
-      } else {
-        this.editor.previewer.floatPreviewer();
-        this.isHidden = true;
-      }
-      return;
-    }
-    if (this.editor.previewer.isPreviewerHidden()) {
-      this.editor.previewer.recoverPreviewer(true);
-      this.isHidden = false;
-    } else {
-      this.editor.previewer.editOnly(true);
-      this.isHidden = true;
-    }
-  }
-}

package/src/toolbars/hooks/Ul.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';
-import { getSelection } from '@/utils/selection';
-import { getListFromStr } from '@/utils/regexp';
-
-/**
- * 下标的按钮
- **/
-export default class Ul extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('ul', 'ul');
-  }
-
-  /**
-   *
-   * @param {string} selection 被用户选中的文本内容
-   * @param {string} shortKey 快捷键参数，本函数不处理这个参数
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    const $selection = getSelection(this.editor.editor, selection, 'line', true) || 'Item 1\n    Item 1.1\nItem 2';
-    const [before] = $selection.match(/^\n*/);
-    const [after] = $selection.match(/\n*$/);
-    return `${before}${getListFromStr($selection, 'ul')}${after}`;
-  }
-}

package/src/toolbars/hooks/Underline.js

@@ -1,68 +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 Underline extends MenuBase {
-  /**
-   * @param {import('@/toolbars/MenuBase').MenuBaseConstructorParams} $cherry
-   */
-  constructor($cherry) {
-    super($cherry);
-    this.setName('underline', 'underline');
-    this.shortcutKeyMap = {
-      [`${CONTROL_KEY}-${getKeyCode('u')}`]: {
-        hookName: this.name,
-        aliasName: this.$cherry.locale[this.name],
-      },
-    };
-  }
-
-  $testIsUnderline(selection) {
-    return /^\s*(\/)[\s\S]+(\1)/.test(selection);
-  }
-
-  /**
-   *
-   * @param {string} selection 被用户选中的文本内容
-   * @param {string} shortKey 快捷键参数，本函数不处理这个参数
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    let $selection = selection ? selection : this.locale.underline;
-    // 如果选中的内容里有下划线语法，则认为是要去掉下划线语法
-    if (!this.isSelections && !this.$testIsUnderline($selection)) {
-      this.getMoreSelection(' /', '/ ', () => {
-        const newSelection = this.editor.editor.getSelection();
-        const isUnderline = this.$testIsUnderline(newSelection);
-        if (isUnderline) {
-          $selection = newSelection;
-        }
-        return isUnderline;
-      });
-    }
-    if (this.$testIsUnderline($selection)) {
-      return $selection.replace(/(^)(\s*)(\/)([^\n]+)(\3)(\s*)($)/gm, '$1$4$7');
-    }
-    this.registerAfterClickCb(() => {
-      this.setLessSelection(' /', '/ ');
-    });
-    // 如果选中的内容里没有下划线语法，则加上下划线
-    return $selection.replace(/(^)([^\n]+)($)/gm, '$1 /$2/ $3');
-  }
-}

package/src/toolbars/hooks/Undo.js

@@ -1,30 +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';
-/**
- * 撤销回退按钮，点击后触发编辑器的undo操作
- * 依赖codemirror的undo接口
- **/
-export default class Undo extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('undo', 'undo');
-  }
-
-  onClick() {
-    this.editor.editor.undo();
-  }
-}

package/src/toolbars/hooks/Video.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 Video extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('video', 'video');
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    const accept = this.$cherry.options?.fileTypeLimitMap?.video ?? '*';
-    const multiple = this.$cherry?.options.multipleFileSelection?.video ?? false;
-    if (multiple) {
-      if (this.hasCacheOnce()) {
-        // @ts-ignore
-        const arr = this.getAndCleanCacheOnce();
-        let res = '';
-        // @ts-ignore
-        for (const { url, params } of arr) {
-          const begin = '!video[';
-          const end = params.poster ? `](${url}){poster=${params.poster}}` : `](${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, 'video', 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 = '!video[';
-      const end = params.poster ? `](${url}){poster=${params.poster}}` : `](${url})`;
-      this.registerAfterClickCb(() => {
-        this.setLessSelection(begin, end);
-      });
-      const finalName = params.name ? params.name : name;
-      return `${begin}${finalName}${handleParams(params)}${end}`;
-    }
-    // 插入图片，调用上传文件逻辑
-    handleUpload(this.editor, 'video', accept, (name, url, params) => {
-      this.setCacheOnce({ name, url, params });
-      this.fire(null);
-    });
-    this.updateMarkdown = false;
-    return selection;
-  }
-}

package/src/toolbars/hooks/Word.js

@@ -1,78 +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, handleUploadMulti } from '@/utils/file';
-/**
- * 插入word
- */
-export default class Word extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('word', 'word');
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    const accept = this.$cherry.options?.fileTypeLimitMap?.word ?? '*';
-    const multiple = this.$cherry?.options.multipleFileSelection?.word ?? false;
-    if (multiple) {
-      if (this.hasCacheOnce()) {
-        // @ts-ignore
-        const arr = this.getAndCleanCacheOnce();
-        let res = '';
-        // @ts-ignore
-        for (const { url, params } of arr) {
-          const begin = '[';
-          const end = `](${url})`;
-          this.registerAfterClickCb(() => {
-            this.setLessSelection(begin, end);
-          });
-          const finalName = params.name ? params.name : name;
-          res += `${begin}${finalName}${end}\n`;
-        }
-        return res;
-      }
-      handleUploadMulti(this.editor, 'word', 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 = '[';
-      const end = `](${url})`;
-      this.registerAfterClickCb(() => {
-        this.setLessSelection(begin, end);
-      });
-      const finalName = params.name ? params.name : name;
-      return `${begin}${finalName}${end}`;
-    }
-    // 插入图片，调用上传文件逻辑
-    handleUpload(this.editor, 'word', accept, (name, url, params) => {
-      this.setCacheOnce({ name, url, params });
-      this.fire(null);
-    });
-    this.updateMarkdown = false;
-    return selection;
-  }
-}