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

package/src/toolbars/hooks/Color.js

@@ -1,298 +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 Color extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('color', 'color');
-    // this.bubbleMenu = true;
-    this.bubbleColor = new BubbleColor($cherry);
-  }
-
-  $testIsColor(type, selection) {
-    const textReg = /^\s*!![^\s]+ [\s\S]+!!\s*$/;
-    const bgReg = /^\s*!!![^\s]+ [\s\S]+!!!\s*$/;
-    if (type === 'text') {
-      return textReg.test(selection) && !bgReg.test(selection);
-    }
-    return bgReg.test(selection);
-  }
-
-  $testIsShortKey(shortKey) {
-    return /(color|background-color)\s*:/.test(shortKey);
-  }
-
-  $getTypeAndColor(shortKey) {
-    if (this.$testIsShortKey(shortKey)) {
-      const type = /background-color\s*:/.test(shortKey) ? 'background-color' : 'text';
-      const color = shortKey.replace(/(color|background-color)\s*:\s*([#0-9a-zA-Z]+)[^#0-9a-zA-Z]*$/, '$2').trim();
-      return { type, color };
-    }
-    return this.getAndCleanCacheOnce();
-  }
-
-  hideOtherSubMenu(hideAllSubMenu) {
-    const lastDisplay = this.bubbleColor.dom.style.display || 'none';
-    hideAllSubMenu();
-    this.bubbleColor.dom.style.display = lastDisplay;
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @param {string} shortKey 快捷键参数，color: #000000 | background-color: #000000
-   * @param {Event & {target:HTMLElement}} event 点击事件，用来从被点击的调色盘中获得对应的颜色
-   * @returns 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '', event) {
-    if (this.hasCacheOnce() || this.$testIsShortKey(shortKey)) {
-      let $selection = getSelection(this.editor.editor, selection) || this.locale.color;
-      // @ts-ignore
-      const { type, color } = this.$getTypeAndColor(shortKey);
-      const begin = type === 'text' ? `!!${color} ` : `!!!${color} `;
-      const end = type === 'text' ? '!!' : '!!!';
-      if (!this.isSelections && !this.$testIsColor(type, $selection)) {
-        this.getMoreSelection(begin, end, () => {
-          const newSelection = this.editor.editor.getSelection();
-          if (this.$testIsColor(type, newSelection)) {
-            $selection = newSelection;
-            return true;
-          }
-          return false;
-        });
-      }
-      if (this.$testIsColor(type, $selection)) {
-        const reg = new RegExp(`(^\\s*${end})([^\\s]+) ([\\s\\S]+${end}\\s*$)`, 'gm');
-        let needClean = true;
-        const tmp = $selection.replace(reg, (w, m1, m2, m3) => {
-          needClean = needClean ? m2 === color : false;
-          return `${m1}${color} ${m3}`;
-        });
-        if (needClean) {
-          return $selection.replace(reg, '$3').replace(/!+\s*$/gm, '');
-        }
-        this.registerAfterClickCb(() => {
-          this.setLessSelection(begin, end);
-        });
-        return tmp;
-      }
-      this.registerAfterClickCb(() => {
-        this.setLessSelection(begin, end);
-      });
-      return `${begin}${$selection}${end}`;
-    }
-    // 定位调色盘应该出现的位置
-    // 该按钮可能出现在顶部工具栏，
-    // 也可能出现在选中文字时出现的bubble工具栏，
-    // 也可能出现在新行出现的float工具栏
-    let top = 0;
-    let left = 0;
-    if (event.target.closest('.cherry-bubble')) {
-      const $colorDom = /** @type {HTMLElement}*/ (event.target.closest('.cherry-bubble'));
-      const clientRect = $colorDom.getBoundingClientRect();
-      top = clientRect.top + $colorDom.offsetHeight;
-      left = /** @type {HTMLElement}*/ (event.target.closest('.cherry-toolbar-color')).offsetLeft + clientRect.left;
-    } else {
-      const $colorDom = /** @type {HTMLElement}*/ (event.target.closest('.cherry-toolbar-color'));
-      const clientRect = $colorDom.getBoundingClientRect();
-      top = clientRect.top + $colorDom.offsetHeight;
-      left = clientRect.left;
-    }
-    this.updateMarkdown = false;
-    // 【TODO】需要增加getMoreSelection的逻辑
-    this.bubbleColor.toggle({
-      left,
-      top,
-      $color: this,
-    });
-  }
-}
-
-/**
- * 调色盘
- */
-class BubbleColor {
-  constructor($cherry) {
-    this.editor = $cherry.editor;
-    this.$cherry = $cherry;
-    this.init();
-    this.initAction();
-  }
-
-  /**
-   * 定义调色盘每个色块的颜色值
-   */
-  colorStack = [
-    '#000000',
-    '#444444',
-    '#666666',
-    '#999999',
-    '#cccccc',
-    '#eeeeee',
-    '#f3f3f3',
-    '#ffffff',
-    '#ff0000',
-    '#ff9900',
-    '#ffff00',
-    '#00ff00',
-    '#00ffff',
-    '#0000ff',
-    '#9900ff',
-    '#ff00ff',
-    '#f4cccc',
-    '#fce5cd',
-    '#fff2cc',
-    '#d9ead3',
-    '#d0e0e3',
-    '#cfe2f3',
-    '#d9d2e9',
-    '#ead1dc',
-    '#ea9999',
-    '#f9cb9c',
-    '#ffe599',
-    '#b6d7a8',
-    '#a2c4c9',
-    '#9fc5e8',
-    '#b4a7d6',
-    '#d5a6bd',
-    '#e06666',
-    '#f6b26b',
-    '#ffd966',
-    '#93c47d',
-    '#76a5af',
-    '#6fa8dc',
-    '#8e7cc3',
-    '#c27ba0',
-    '#cc0000',
-    '#e69138',
-    '#f1c232',
-    '#6aa84f',
-    '#45818e',
-    '#3d85c6',
-    '#674ea7',
-    '#a64d79',
-    '#990000',
-    '#b45f06',
-    '#bf9000',
-    '#38761d',
-    '#134f5c',
-    '#0b5394',
-    '#351c75',
-    '#741b47',
-    '#660000',
-    '#783f04',
-    '#7f6000',
-    '#274e13',
-    '#0c343d',
-    '#073763',
-    '#20124d',
-    '#4c1130',
-  ];
-
-  /**
-   * 用来暂存选中的内容
-   * @param {string} selection 编辑区选中的文本内容
-   */
-  setSelection(selection) {
-    this.selection = selection;
-  }
-
-  getFontColorDom(title) {
-    const colorStackDOM = this.colorStack
-      .map(
-        (color) =>
-          `<span class="cherry-color-item cherry-color-item__${color.replace(
-            '#',
-            '',
-          )}" unselectable="on" data-val="${color}"
-                  style="background-color:${color}"></span>`,
-      )
-      .join('');
-    return `<h3>${title}</h3>${colorStackDOM}`;
-  }
-
-  getDom() {
-    const $colorWrap = document.createElement('div');
-    $colorWrap.classList.add('cherry-color-wrap');
-    $colorWrap.classList.add('cherry-dropdown');
-    const $textWrap = document.createElement('div');
-    $textWrap.classList.add('cherry-color-text');
-    $textWrap.innerHTML = this.getFontColorDom(this.$cherry.locale.fontColor);
-    $colorWrap.appendChild($textWrap);
-
-    const $bgWrap = document.createElement('div');
-    $bgWrap.classList.add('cherry-color-bg');
-    $bgWrap.innerHTML = this.getFontColorDom(this.$cherry.locale.fontBgColor);
-    $colorWrap.appendChild($bgWrap);
-
-    return $colorWrap;
-  }
-
-  init() {
-    this.dom = this.getDom();
-    this.editor.options.wrapperDom.appendChild(this.dom);
-  }
-
-  onClick() {
-    if (this.type === 'text') {
-      if (/^!!#\S+ [\s\S]+?!!/.test(this.selection)) {
-        return this.selection.replace(/^!!#\S+ ([\s\S]+?)!!/, `!!${this.colorValue} $1!!`);
-      }
-      return `!!${this.colorValue} ${this.selection}!!`;
-    }
-    if (/^!!!#\S+ [\s\S]+?!!!/.test(this.selection)) {
-      return this.selection.replace(/^!!!#\S+ ([\s\S]+?)!!!/, `!!!${this.colorValue} $1!!!`);
-    }
-    return `!!!${this.colorValue} ${this.selection}!!!`;
-  }
-
-  initAction() {
-    // const self = this;
-    this.dom.addEventListener(
-      'click',
-      (evt) => {
-        const { target } = /** @type {MouseEvent & {target:HTMLElement}}*/ (evt);
-        this.colorValue = target.getAttribute('data-val');
-        if (!this.colorValue) {
-          return false;
-        }
-        this.type = target.closest('.cherry-color-text') ? 'text' : 'bg';
-        this.$color.setCacheOnce({ type: this.type, color: this.colorValue });
-        this.$color.fire(null);
-      },
-      false,
-    );
-  }
-
-  /**
-   * 在对应的坐标展示/关闭调色盘
-   * @param {Object} 坐标
-   */
-  toggle({ left, top, $color }) {
-    if (this.dom.style.display?.length > 0 && this.dom.style.display !== 'none') {
-      this.dom.style.display = 'none';
-      return;
-    }
-    this.dom.style.left = `${left}px`;
-    this.dom.style.top = `${top}px`;
-    this.dom.style.display = 'block';
-    this.$color = $color;
-  }
-}

package/src/toolbars/hooks/Copy.js

@@ -1,141 +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 juice from 'juice';
-import MenuBase from '@/toolbars/MenuBase';
-import { copyToClip } from '@/utils/copy';
-/**
- * 复制按钮，用来复制预览区的html内容
- * 该操作会将预览区的css样式以行内样式的形式插入到html内容里，从而保证粘贴时样式一致
- */
-export default class Copy extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.previewer = $cherry.previewer;
-    this.isLoading = false;
-    this.updateMarkdown = false;
-    this.setName('copy', 'copy');
-    this.lastIconOuterHtml = '';
-  }
-
-  async adaptWechat(rawHtml) {
-    // 转化链接
-    // Array.from(document.querySelectorAll('a')).forEach((item) => {
-    //   item.removeAttribute('href');
-    // });
-    // 防止echarts标签被转成p时丢失样式
-    const figureRegex = /(<figure data-lines=.+?<)div(.+?<\/)div(>.*?<\/figure>)/g;
-    const html = rawHtml.replace(figureRegex, (match, prefix, content, suffix) => {
-      return `${prefix}p${content}p${suffix}`;
-    });
-    // 图片转base64，防止无法自动上传
-    const imgRegex = /(<img.+?src=")(.+?)(".*?>)/g;
-    /** @type {(Promise<string>)[]} */
-    const promises = [];
-    html.replace(imgRegex, (match, prefix, src) => {
-      promises.push(convertImgToBase64(src));
-    });
-    const urls = await Promise.all(promises);
-    return html.replace(imgRegex, (match, prefix, src, suffix) => prefix + urls.shift() + suffix);
-  }
-
-  getStyleFromSheets(keyword) {
-    const sheets = Array.from(document.styleSheets).filter(
-      (item) => item.cssRules[0] && item.cssRules[0].cssText.indexOf(keyword) > -1,
-    );
-    return `<style>${sheets.reduce((html, sheet) => {
-      return html + Array.from(sheet.cssRules).reduce((html, rule) => html + rule.cssText, '');
-    }, '')}</style>`;
-  }
-
-  computeStyle() {
-    // 计算需要append进富文本的style
-    const mathStyle = this.getStyleFromSheets('mjx-container');
-    const cherryStyle = this.getStyleFromSheets('cherry');
-    const echartStyle =
-      '<style>figure>p{overflow:hidden;position:relative;width:500px;height:300px;background:transparent;}</style>';
-    return {
-      mathStyle,
-      echartStyle,
-      cherryStyle,
-    };
-  }
-
-  /**
-   * 由于复制操作会随着预览区域的内容增加而耗时变长，所以需要增加“正在复制”的状态回显
-   * 同时该状态也用于限频
-   */
-  toggleLoading() {
-    // 切换loading状态
-    if (this.isLoading) {
-      this.dom.lastElementChild.outerHTML = this.lastIconOuterHtml;
-      this.lastIconOuterHtml = '';
-    } else {
-      this.lastIconOuterHtml = this.dom.lastElementChild.outerHTML;
-      this.dom.lastElementChild.outerHTML = '<div class="icon-loading loading"></div>';
-    }
-    this.isLoading = !this.isLoading;
-  }
-
-  /**
-   * 响应点击事件
-   * 该按钮不会引发编辑区域的内容改动，所以不用处理用户在编辑区域的选中内容
-   * @param {Event} e 点击事件
-   */
-  onClick(e) {
-    this.toggleLoading();
-    const inlineCodeTheme = document.querySelector('.cherry').getAttribute('data-inline-code-theme');
-    const codeBlockTheme = document.querySelector('.cherry').getAttribute('data-code-block-theme');
-    const { mathStyle, echartStyle, cherryStyle } = this.computeStyle();
-    const html = this.previewer.isPreviewerHidden()
-      ? this.previewer.options.previewerCache.html
-      : this.previewer.getValue();
-    // 将css样式以行内样式的形式插入到html内容里
-    this.adaptWechat(html).then((html) => {
-      copyToClip(
-        `${mathStyle + echartStyle + cherryStyle}
-        <div data-inline-code-theme="${inlineCodeTheme}" data-code-block-theme="${codeBlockTheme}">
-          <div class="cherry-markdown">${html}</div>
-        </div>`,
-      );
-      this.toggleLoading();
-    });
-  }
-}
-
-/**
- * 将图片转成base64，防止出现由于图片防盗链功能导致图裂的情况
- * @param {string} url 图片的地址
- * @param {Function} [callback] 回调函数，本函数不处理该参数
- * @param {string} [outputFormat]
- * @returns {Promise<string>} img node
- */
-function convertImgToBase64(url, callback, outputFormat) {
-  return new Promise((resolve) => {
-    let canvas = /** @type {HTMLCanvasElement}*/ (document.createElement('CANVAS'));
-    const ctx = canvas.getContext('2d');
-    const img = new Image();
-    img.crossOrigin = 'Anonymous';
-    img.onload = function () {
-      canvas.height = img.height;
-      canvas.width = img.width;
-      ctx.drawImage(img, 0, 0);
-      const dataURL = canvas.toDataURL(outputFormat || 'image/png');
-      resolve(dataURL);
-      canvas = null;
-    };
-    img.src = url;
-  });
-}

package/src/toolbars/hooks/Detail.js

@@ -1,69 +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 { getDetailRule } from '@/utils/regexp';
-import { getSelection } from '@/utils/selection';
-/**
- * 插入手风琴
- */
-export default class Detail extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('detail', 'insertFlow');
-    this.detailRule = getDetailRule().reg;
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection) {
-    let $selection =
-      getSelection(this.editor.editor, selection, 'line', true) || this.$cherry.locale.detailDefaultContent;
-    this.detailRule.lastIndex = 0;
-    if (!this.detailRule.test($selection)) {
-      // 如果没有命中手风琴语法，则尝试扩大选区
-      this.getMoreSelection('+++ ', '\n', () => {
-        const newSelection = this.editor.editor.getSelection();
-        this.detailRule.lastIndex = 0;
-        const isMatch = this.detailRule.test(newSelection);
-        if (isMatch !== false) {
-          $selection = newSelection;
-        }
-        return isMatch !== false;
-      });
-    }
-    this.detailRule.lastIndex = 0;
-    if (this.detailRule.test($selection)) {
-      // 如果命中了手风琴语法，则去掉手风琴语法
-      this.detailRule.lastIndex = 0;
-      return $selection.replace(this.detailRule, (match, preLines, isOpen, title, content) => {
-        return `${title}\n${content}`;
-      });
-    }
-    // 去掉开头的空格
-    $selection = $selection.replace(/^\s+/, '');
-    // 如果选中的内容不包含换行，则强制增加一个换行
-    if (!/\n/.test($selection)) {
-      $selection = `${$selection}\n${$selection}`;
-    }
-    this.registerAfterClickCb(() => {
-      this.setLessSelection('+++ ', '\n');
-    });
-    return `+++ ${$selection}\n+++`.replace(/\n{2,}\+\+\+/g, '\n+++');
-  }
-}

package/src/toolbars/hooks/DrawIo.js

@@ -1,57 +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 { drawioDialog } from '@/utils/dialog';
-/**
- * 打开draw.io画图对话框，点击确定后向编辑器插入图片语法
- */
-export default class DrawIo extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('draw.io', 'draw.io');
-    this.noIcon = true;
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @param {string} shortKey 快捷键参数，本函数不处理这个参数
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    if (!this.$cherry.options.drawioIframeUrl) {
-      // 如果没有配置drawio的编辑页URL，则直接失效
-      return selection;
-    }
-    if (this.hasCacheOnce()) {
-      // @ts-ignore
-      const { xmlData, base64 } = this.getAndCleanCacheOnce();
-      const begin = '![';
-      const end = `](${base64}){data-type=drawio data-xml=${encodeURI(xmlData)}}`;
-      this.registerAfterClickCb(() => {
-        this.setLessSelection(begin, end);
-      });
-      return `${begin}在预览区点击图片重新编辑draw.io${end}`;
-    }
-    // 插入图片，调用上传文件逻辑
-    drawioDialog(this.$cherry.options.drawioIframeUrl, this.$cherry.options.drawioIframeStyle, '', (data) => {
-      this.setCacheOnce(data);
-      this.fire(null);
-    });
-    this.updateMarkdown = false;
-    return selection;
-  }
-}

package/src/toolbars/hooks/Export.js

@@ -1,49 +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 Export extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('export');
-    this.noIcon = true;
-    this.updateMarkdown = false;
-    this.subMenuConfig = [
-      { noIcon: true, name: 'exportToPdf', onclick: this.bindSubClick.bind(this, 'pdf') },
-      { noIcon: true, name: 'exportScreenshot', onclick: this.bindSubClick.bind(this, 'screenShot') },
-      { noIcon: true, name: 'exportMarkdownFile', onclick: this.bindSubClick.bind(this, 'markdown') },
-      { noIcon: true, name: 'exportHTMLFile', onclick: this.bindSubClick.bind(this, 'html') },
-    ];
-  }
-
-  onClick(shortKey = '', type) {
-    if (document.querySelector('.cherry-dropdown[name=export]')) {
-      /** @type {HTMLElement}*/ (document.querySelector('.cherry-dropdown[name=export]')).style.display = 'none';
-    }
-    // 强制刷新一下预览区域的内容
-    const { previewer } = this.$cherry;
-    let html = '';
-    if (previewer.isPreviewerHidden()) {
-      html = previewer.options.previewerCache.html;
-    } else {
-      html = previewer.getDomContainer().innerHTML;
-    }
-    // 需要未加载的图片替换成原始图片
-    html = previewer.lazyLoadImg.changeDataSrc2Src(html);
-    previewer.refresh(html);
-    previewer.export(type);
-  }
-}

package/src/toolbars/hooks/File.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, handleUploadMulti } from '@/utils/file';
-/**
- * 插入pdf
- */
-export default class File extends MenuBase {
-  constructor($cherry) {
-    super($cherry);
-    this.setName('file', 'phone');
-  }
-
-  /**
-   * 响应点击事件
-   * @param {string} selection 被用户选中的文本内容
-   * @returns {string} 回填到编辑器光标位置/选中文本区域的内容
-   */
-  onClick(selection, shortKey = '') {
-    const accept = this.$cherry.options?.fileTypeLimitMap?.file ?? '*';
-    const multiple = this.$cherry?.options.multipleFileSelection?.file ?? 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, 'file', 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, 'file', accept, (name, url, params) => {
-      this.setCacheOnce({ name, url, params });
-      this.fire(null);
-    });
-    this.updateMarkdown = false;
-    return selection;
-  }
-}