vue-editify 0.1.26 → 0.1.29

package/lib/editify.es.js

@@ -2622,7 +2622,23 @@ const mergeWithParentElement = function(element2) {
 };
 const mergeWithSpaceTextElement = function(element2) {
   if (element2.isText()) {
-    element2.textContent = element2.textContent.replace(/[\uFEFF]+/, "\uFEFF");
+    let val = element2.textContent;
+    let i = 0;
+    while (i < val.length) {
+      const chart = val.charAt(i);
+      if (isSpaceText(chart) && i > 0 && isSpaceText(val.charAt(i - 1))) {
+        if (this.range && this.range.anchor.element.isEqual(element2) && this.range.anchor.offset >= i + 1) {
+          this.range.anchor.offset -= 1;
+        }
+        if (this.range && this.range.focus.element.isEqual(element2) && this.range.focus.offset >= i + 1) {
+          this.range.focus.offset -= 1;
+        }
+        val = string$1.delete(val, i, 1);
+      } else {
+        i++;
+      }
+    }
+    element2.textContent = val;
   }
 };
 const { Mac } = platform.os();
@@ -2987,35 +3003,40 @@ const handleChineseInput = function(e) {
     }, 0);
   }
 };
-const handleKeydown = function(e) {
+const handleKeyboard = function(e) {
   if (this.disabled) {
     return;
   }
   if (this.__isInputChinese) {
     return;
   }
-  if (isUndo(e)) {
-    e.preventDefault();
-    const historyRecord = this.history.get(-1);
-    if (historyRecord) {
-      this.history.current = historyRecord.current;
-      this.stack = historyRecord.stack;
-      this.range = historyRecord.range;
-      this.formatElementStack();
-      this.domRender(true);
-      this.rangeRender();
-    }
-  } else if (isRedo(e)) {
-    e.preventDefault();
-    const historyRecord = this.history.get(1);
-    if (historyRecord) {
-      this.history.current = historyRecord.current;
-      this.stack = historyRecord.stack;
-      this.range = historyRecord.range;
-      this.formatElementStack();
-      this.domRender(true);
-      this.rangeRender();
+  if (e.type == "keydown") {
+    if (isUndo(e)) {
+      e.preventDefault();
+      const historyRecord = this.history.get(-1);
+      if (historyRecord) {
+        this.history.current = historyRecord.current;
+        this.stack = historyRecord.stack;
+        this.range = historyRecord.range;
+        this.formatElementStack();
+        this.domRender(true);
+        this.rangeRender();
+      }
+    } else if (isRedo(e)) {
+      e.preventDefault();
+      const historyRecord = this.history.get(1);
+      if (historyRecord) {
+        this.history.current = historyRecord.current;
+        this.stack = historyRecord.stack;
+        this.range = historyRecord.range;
+        this.formatElementStack();
+        this.domRender(true);
+        this.rangeRender();
+      }
     }
+    this.emit("keydown", this.value, e);
+  } else if (e.type == "keyup") {
+    this.emit("keyup", this.value, e);
   }
 };
 const handleCopy = async function(e) {
@@ -3100,17 +3121,17 @@ const handleDragDrop = async function(e) {
     }
   }
 };
-const handleFocus = function() {
+const handleFocus = function(e) {
   if (this.disabled) {
     return;
   }
-  this.emit("focus", this.value);
+  this.emit("focus", this.value, e);
 };
-const handleBlur = function() {
+const handleBlur = function(e) {
   if (this.disabled) {
     return;
   }
-  this.emit("blur", this.value);
+  this.emit("blur", this.value, e);
 };
 class AlexEditor {
   constructor(node, opts) {
@@ -3160,7 +3181,7 @@ class AlexEditor {
     event$1.on(document, `selectionchange.alex_editor_${this.__guid}`, handleSelectionChange.bind(this));
     event$1.on(this.$el, "beforeinput.alex_editor", handleBeforeInput.bind(this));
     event$1.on(this.$el, "compositionstart.alex_editor compositionupdate.alex_editor compositionend.alex_editor", handleChineseInput.bind(this));
-    event$1.on(this.$el, "keydown.alex_editor", handleKeydown.bind(this));
+    event$1.on(this.$el, "keydown.alex_editor keyup.alex_editor", handleKeyboard.bind(this));
     event$1.on(this.$el, "cut.alex_editor", handleCut.bind(this));
     event$1.on(this.$el, "paste.alex_editor", handlePaste.bind(this));
     event$1.on(this.$el, "copy.alex_editor", handleCopy.bind(this));
@@ -4491,6 +4512,8 @@ class AlexEditor {
     event$1.off(this.$el, "beforeinput.alex_editor compositionstart.alex_editor compositionupdate.alex_editor compositionend.alex_editor keydown.alex_editor cut.alex_editor paste.alex_editor copy.alex_editor dragstart.alex_editor drop.alex_editor focus.alex_editor blur.alex_editor");
   }
 }
+const version$2 = "1.3.33";
+console.log(`%c alex-editor %c v${version$2} `, "padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #606060; font-weight: bold;", "padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;");
 const number = {
   /**
    * 数字格式化
@@ -23268,7 +23291,7 @@ const _hoisted_4$2 = [
 ];
 const _hoisted_5$1 = { class: "editify-table-footer" };
 const _hoisted_6$1 = { key: 0 };
-const _hoisted_7 = { key: 1 };
+const _hoisted_7$1 = { key: 1 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "InsertTable"
@@ -23344,7 +23367,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           }), 256))
         ]),
         createElementVNode("div", _hoisted_5$1, [
-          specification.value ? (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(specification.value.x) + " x " + toDisplayString(specification.value.y), 1)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(unref($editTrans)("insertTable")), 1))
+          specification.value ? (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString(specification.value.x) + " x " + toDisplayString(specification.value.y), 1)) : (openBlock(), createElementBlock("span", _hoisted_7$1, toDisplayString(unref($editTrans)("insertTable")), 1))
         ])
       ]);
     };
@@ -23372,6 +23395,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: MenuProps,
   setup(__props, { expose: __expose }) {
     const props = __props;
+    const $editTrans = inject("$editTrans");
     const editify = inject("editify");
     const isSourceView = inject("isSourceView");
     const isFullScreen = inject("isFullScreen");
@@ -23379,7 +23403,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const editor = inject("editor");
     const dataRangeCaches = inject("dataRangeCaches");
     const showBorder = inject("showBorder");
-    const $editTrans = inject("$editTrans");
+    const pluginResultList = inject("pluginResultList");
     const undoConfig = ref({
       show: props.config.undo.show,
       leftBorder: props.config.undo.leftBorder,
@@ -23652,8 +23676,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return editify.props.disabled || !canUseMenu.value;
     });
     const menuNames = computed(() => {
-      return Object.keys(props.config.sequence).sort((a, b) => {
-        if (props.config.sequence[a] > props.config.sequence[b]) {
+      let pluginSequence = {};
+      pluginResultList.value.forEach((pluginResult) => {
+        if (pluginResult.menu) {
+          pluginSequence[pluginResult.name] = pluginResult.menu.sequence;
+        }
+      });
+      pluginSequence = mergeObject(pluginSequence, props.config.sequence);
+      return Object.keys(pluginSequence).sort((a, b) => {
+        if (pluginSequence[a] > pluginSequence[b]) {
           return 1;
         }
         return -1;
@@ -23681,6 +23712,15 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
       return showBorder.value;
     });
+    const menuExtends = computed(() => {
+      let pluginExtends = {};
+      pluginResultList.value.forEach((pluginResult) => {
+        if (pluginResult.menu) {
+          pluginExtends[pluginResult.name] = pluginResult.menu.extend;
+        }
+      });
+      return mergeObject(pluginExtends, props.config.extends);
+    });
     const handleOperate = (name, val) => {
       if (disabled.value) {
         return;
@@ -23903,10 +23943,21 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const value_isRangeInUnorderList = isRangeInList(editor.value, dataRangeCaches.value, false);
       const value_isRangeInTask = isRangeInTask(editor.value, dataRangeCaches.value);
       const extraDisabled = (name) => {
+        let pluginDisabled = false;
+        let length = pluginResultList.value.length;
+        for (let i = 0; i < length; i++) {
+          const pluginResult = pluginResultList.value[i];
+          if (pluginResult.menu && typeof pluginResult.menu.extraDisabled == "function") {
+            pluginDisabled = pluginResult.menu.extraDisabled(name);
+            if (pluginDisabled) {
+              break;
+            }
+          }
+        }
         if (typeof props.config.extraDisabled == "function") {
-          return props.config.extraDisabled(name) || false;
+          return props.config.extraDisabled(name) || pluginDisabled || false;
         }
-        return false;
+        return pluginDisabled || false;
       };
       undoConfig.value.disabled = !editor.value.history.get(-1) || extraDisabled("undo");
       redoConfig.value.disabled = !editor.value.history.get(1) || extraDisabled("redo");
@@ -24607,8 +24658,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               () => h(Icon, { value: "full-screen" })
             );
           }
-          if (common.isObject(props.config.extends)) {
-            const configuration = props.config.extends[itemProps.name];
+          if (common.isObject(menuExtends.value)) {
+            const configuration = menuExtends.value[itemProps.name];
             if (configuration) {
               return h(
                 Button,
@@ -24707,7 +24758,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-3a513730"]]);
+const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b3e98aec"]]);
 const EditifyProps = {
   //国际化语言类型
   locale: {
@@ -24941,9 +24992,10 @@ const en_US = {
   insertAttachment: "Insert attachment",
   uploadAttachment: "Upload",
   remoteAttachment: "Remote",
+  attachmentNamePlaceholder: "Please enter the attachment name",
   attachmentUrlPlaceholder: "Please enter the attachment address",
-  downloadAttachment: "Click to download attachment",
-  attachmentDownloadName: "attachment"
+  attachmentDownloadTitle: "Click to download attachment",
+  attachmentDefaultName: "attachment"
 };
 const zh_CN = {
   textWrapUp: "向上换行",
@@ -25034,9 +25086,10 @@ const zh_CN = {
   insertAttachment: "插入附件",
   uploadAttachment: "上传附件",
   remoteAttachment: "远程地址",
-  attachmentUrlPlaceholder: "请输入远程地址",
-  downloadAttachment: "点击下载附件",
-  attachmentDownloadName: "附件"
+  attachmentNamePlaceholder: "请输入附件名称",
+  attachmentUrlPlaceholder: "请输入附件地址",
+  attachmentDownloadTitle: "点击下载附件",
+  attachmentDefaultName: "附件"
 };
 const trans = (locale) => {
   return (key) => {
@@ -25053,13 +25106,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   },
   __name: "editify",
   props: EditifyProps,
-  emits: ["update:modelValue", "focus", "blur", "change", "keydown", "insertparagraph", "rangeupdate", "updateview"],
+  emits: ["update:modelValue", "focus", "blur", "change", "keydown", "keyup", "insertparagraph", "rangeupdate", "updateview"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const instance = getCurrentInstance();
     const props = __props;
     const emits = __emit;
     const $editTrans = trans(props.locale || "zh_CN");
-    provide("$editTrans", $editTrans);
     const isModelChange = ref(false);
     const isInputChinese = ref(false);
     const rangeUpdateTimer = ref(null);
@@ -25128,12 +25180,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return pluginResultList2;
     });
     const menuConfig = computed(() => {
-      let menu = {};
-      pluginResultList.value.forEach((pluginResult) => {
-        menu = mergeObject(menu, pluginResult.menu || {});
-      });
-      menu = mergeObject(menu, props.menu || {});
-      return mergeObject(getMenuConfig($editTrans, props.locale), menu);
+      return mergeObject(getMenuConfig($editTrans, props.locale), props.menu || {});
     });
     const internalModify = (val) => {
       isModelChange.value = true;
@@ -25283,6 +25330,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       editor.value.on("change", handleEditorChange);
       editor.value.on("focus", handleEditorFocus);
       editor.value.on("blur", handleEditorBlur);
+      editor.value.on("keydown", handleEditorKeydown);
+      editor.value.on("keyup", handleEditorKeyup);
       editor.value.on("insertParagraph", handleInsertParagraph);
       editor.value.on("rangeUpdate", handleRangeUpdate);
       editor.value.on("deleteInStart", handleDeleteInStart);
@@ -25475,7 +25524,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       return ele;
     };
-    const handleEditorKeydown = (e) => {
+    const handleEditorKeydown = (val, e) => {
       if (props.disabled) {
         return;
       }
@@ -25486,7 +25535,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         editor.value.domRender();
         editor.value.rangeRender();
       }
-      emits("keydown", e);
+      emits("keydown", val, e);
+    };
+    const handleEditorKeyup = (val, e) => {
+      if (props.disabled) {
+        return;
+      }
+      emits("keyup", val, e);
     };
     const handleEditorClick = (e) => {
       if (props.disabled || isSourceView.value) {
@@ -25551,7 +25606,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     const handleInsertParagraph = (element2, previousElement) => {
       if (!element2.isEqual(previousElement)) {
-        if (previousElement.isOnlyHasBreak() && element2.isOnlyHasBreak()) {
+        if (previousElement.isBlock() && element2.isBlock() && previousElement.isOnlyHasBreak() && element2.isOnlyHasBreak()) {
           if (previousElement.parsedom != AlexElement.BLOCK_NODE) {
             elementToParagraph(previousElement);
             editor.value.range.anchor.moveToStart(previousElement);
@@ -25715,6 +25770,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       event.off(window, `resize.editify_${instance.uid}`);
       editor.value.destroy();
     });
+    provide("$editTrans", $editTrans);
     provide("editify", instance);
     provide("isSourceView", isSourceView);
     provide("isFullScreen", isFullScreen);
@@ -25722,6 +25778,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     provide("editor", editor);
     provide("dataRangeCaches", dataRangeCaches);
     provide("showBorder", showBorder);
+    provide("pluginResultList", pluginResultList);
     __expose({
       editor,
       isSourceView,
@@ -25757,7 +25814,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ref_key: "contentRef",
             ref: contentRef,
             class: normalizeClass(["editify-content", { "editify-placeholder": showPlaceholder.value, "editify-disabled": _ctx.disabled }]),
-            onKeydown: handleEditorKeydown,
             onClick: handleEditorClick,
             onCompositionstart: _cache[0] || (_cache[0] = ($event) => isInputChinese.value = true),
             onCompositionend: _cache[1] || (_cache[1] = ($event) => isInputChinese.value = false),
@@ -25792,7 +25848,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Editify = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8737320e"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-306d3e9a"]]);
 const InsertAttachmentProps = {
   //主题色
   color: {
@@ -25842,11 +25898,13 @@ const _hoisted_3 = {
   class: "editify-attachment-remote"
 };
 const _hoisted_4 = ["placeholder"];
-const _hoisted_5 = {
+const _hoisted_5 = ["placeholder"];
+const _hoisted_6 = {
   key: 1,
   class: "editify-attachment-upload"
 };
-const _hoisted_6 = ["multiple", "accept"];
+const _hoisted_7 = ["placeholder"];
+const _hoisted_8 = ["multiple", "accept"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "InsertAttachment"
@@ -25859,7 +25917,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const $editTrans = inject("$editTrans");
     const current = ref("upload");
-    const remoteUrl = ref("");
+    const attachmentName = ref("");
+    const attachmentUrl = ref("");
+    const fileInputRef = ref(null);
     const activeStyle = computed(() => {
       return (name) => {
         if (current.value == name) {
@@ -25870,47 +25930,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return {};
       };
     });
-    const acceptValue = computed(() => {
-      if (props.accept === "rar") {
-        return "application/x-rar-compressed";
-      }
-      if (props.accept === "zip") {
-        return "application/x-zip-compressed";
-      }
-      if (props.accept === "txt") {
-        return "text/plain";
-      }
-      if (props.accept === "image") {
-        return "image/*";
-      }
-      if (props.accept === "video") {
-        return "video/*";
-      }
-      if (props.accept === "audio") {
-        return "aduio/*";
-      }
-      if (props.accept === "html") {
-        return "text/html";
-      }
-      if (props.accept === "doc") {
-        return "application/msword";
-      }
-      if (props.accept === "xml") {
-        return "text/xml";
-      }
-      if (props.accept === "js") {
-        return "text/javascript";
-      }
-      if (props.accept === "json") {
-        return "application/json";
-      }
-      if (props.accept === "ppt") {
-        return "application/vnd.ms-powerpoint";
-      }
-      if (props.accept === "pdf") {
-        return "application/pdf";
-      }
-    });
     const getSuffix = (file2) => {
       const index = file2.name.lastIndexOf(".");
       if (index <= 0) {
@@ -25927,11 +25946,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       e.currentTarget.style.borderColor = "";
     };
     const insertRemoteAttachment = () => {
-      emits("insert", remoteUrl.value);
+      emits("insert", attachmentName.value, attachmentUrl.value);
     };
-    const selectFile = async (e) => {
-      const inputEle = e.currentTarget;
-      const files = inputEle.files;
+    const triggerFileInput = () => {
+      fileInputRef.value.click();
+    };
+    const selectFile = async () => {
+      const files = fileInputRef.value.files;
       if (!files || !files.length) {
         return;
       }
@@ -25973,10 +25994,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
         attachments.forEach((url) => {
-          emits("insert", url);
+          emits("insert", attachmentName.value, url);
         });
       }
-      inputEle.value = "";
+      fileInputRef.value.value = "";
     };
     watch(
       () => current.value,
@@ -26004,14 +26025,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         current.value == "remote" ? (openBlock(), createElementBlock("div", _hoisted_3, [
           withDirectives(createElementVNode("input", {
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => remoteUrl.value = $event),
-            placeholder: unref($editTrans)("attachmentUrlPlaceholder"),
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => attachmentName.value = $event),
+            placeholder: unref($editTrans)("attachmentNamePlaceholder"),
             onBlur: handleInputBlur,
-            onFocus: handleInputFocus
+            onFocus: handleInputFocus,
+            type: "text"
           }, null, 40, _hoisted_4), [
             [
               vModelText,
-              remoteUrl.value,
+              attachmentName.value,
+              void 0,
+              { trim: true }
+            ]
+          ]),
+          withDirectives(createElementVNode("input", {
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => attachmentUrl.value = $event),
+            placeholder: unref($editTrans)("attachmentUrlPlaceholder"),
+            onBlur: handleInputBlur,
+            onFocus: handleInputFocus,
+            type: "url"
+          }, null, 40, _hoisted_5), [
+            [
+              vModelText,
+              attachmentUrl.value,
               void 0,
               { trim: true }
             ]
@@ -26022,55 +26058,103 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("span", { onClick: insertRemoteAttachment }, toDisplayString(unref($editTrans)("insert")), 1)
           ], 4)
-        ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
-          createVNode(Icon, { value: "upload" }),
-          createElementVNode("input", {
-            multiple: _ctx.multiple,
-            accept: acceptValue.value,
-            onChange: selectFile,
-            type: "file"
-          }, null, 40, _hoisted_6)
+        ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
+          withDirectives(createElementVNode("input", {
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => attachmentName.value = $event),
+            placeholder: unref($editTrans)("attachmentNamePlaceholder"),
+            onBlur: handleInputBlur,
+            onFocus: handleInputFocus,
+            type: "text"
+          }, null, 40, _hoisted_7), [
+            [
+              vModelText,
+              attachmentName.value,
+              void 0,
+              { trim: true }
+            ]
+          ]),
+          createElementVNode("div", {
+            class: "editify-attachment-btn",
+            onClick: triggerFileInput
+          }, [
+            createVNode(Icon, { value: "upload" }),
+            createElementVNode("input", {
+              ref_key: "fileInputRef",
+              ref: fileInputRef,
+              multiple: _ctx.multiple,
+              accept: _ctx.accept,
+              onChange: selectFile,
+              type: "file"
+            }, null, 40, _hoisted_8)
+          ])
         ]))
       ]);
     };
   }
 });
-const InsertAttachment = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a2a6e2f3"]]);
+const InsertAttachment = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f995f4bd"]]);
+const isAttachment = (element2) => {
+  if (element2.isEmpty()) {
+    return false;
+  }
+  return element2.parsedom == "span" && element2.type == "closed" && element2.hasMarks() && element2.marks["data-attachment"];
+};
+const hasAttachmentInRange = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return false;
+  }
+  if (editor.range.anchor.isEqual(editor.range.focus)) {
+    return isAttachment(editor.range.anchor.element);
+  }
+  return dataRangeCaches.flatList.some((item) => {
+    return isAttachment(item.element);
+  });
+};
 const attachment = (options) => {
   if (!common.isObject(options)) {
     options = {};
   }
   const plugin = (editifyInstance, color2, editTrans) => {
+    let isDisabled = false;
+    if (editifyInstance.exposed.editor.value) {
+      isDisabled = hasPreInRange(editifyInstance.exposed.editor.value, editifyInstance.exposed.dataRangeCaches.value) || hasLinkInRange(editifyInstance.exposed.editor.value, editifyInstance.exposed.dataRangeCaches.value) || hasQuoteInRange(editifyInstance.exposed.editor.value, editifyInstance.exposed.dataRangeCaches.value);
+    }
     return {
+      name: "attachment",
       //附件菜单项配置
       menu: {
-        sequence: {
-          attachment: options.sequence || 100
+        sequence: options.sequence || 100,
+        extraDisabled: (name) => {
+          if (name == "link" || name == "quote") {
+            return hasAttachmentInRange(editifyInstance.exposed.editor.value, editifyInstance.exposed.dataRangeCaches.value);
+          }
+          return false;
         },
-        extends: {
-          attachment: {
-            type: "select",
-            title: options.title || editTrans("insertAttachment"),
-            leftBorder: options.leftBorder,
-            rightBorder: options.rightBorder,
-            disabled: editifyInstance.exposed.editor.value ? hasPreInRange(editifyInstance.exposed.editor.value, editifyInstance.exposed.dataRangeCaches.value) : false,
-            default: () => h(Icon, { value: "attachment" }),
-            layer: (_name, btnInstance) => h(InsertAttachment, {
-              color: color2,
-              accept: options.accept,
-              allowedFileType: options.allowedFileType || [],
-              multiple: !!options.multiple,
-              maxSize: options.maxSize,
-              minSize: options.minSize,
-              customUpload: options.customUpload,
-              handleError: options.handleError,
-              onChange: () => {
-                btnInstance.$refs.layerRef.setPosition();
-              },
-              onInsert: (url) => {
+        extend: {
+          type: "select",
+          title: options.title || editTrans("insertAttachment"),
+          leftBorder: options.leftBorder,
+          rightBorder: options.rightBorder,
+          hideScroll: true,
+          disabled: isDisabled,
+          default: () => h(Icon, { value: "attachment" }),
+          layer: (_name, btnInstance) => h(InsertAttachment, {
+            color: color2,
+            accept: options.accept,
+            allowedFileType: options.allowedFileType || [],
+            multiple: !!options.multiple,
+            maxSize: options.maxSize,
+            minSize: options.minSize,
+            customUpload: options.customUpload,
+            handleError: options.handleError,
+            onChange: () => {
+              btnInstance.$refs.layerRef.setPosition();
+            },
+            onInsert: (name, url) => {
+              if (url) {
                 const marks = {
                   "data-attachment": url,
-                  "data-attachment-name": editTrans("attachmentDownloadName"),
+                  "data-attachment-name": name || editTrans("attachmentDefaultName"),
                   contenteditable: "false"
                 };
                 const attachmentElement = new AlexElement("closed", "span", marks, null, null);
@@ -26085,10 +26169,10 @@ const attachment = (options) => {
                 editor.formatElementStack();
                 editor.domRender();
                 editor.rangeRender();
-                btnInstance.show = false;
               }
-            })
-          }
+              btnInstance.show = false;
+            }
+          })
         }
       },
       //找到附件元素点击下载
@@ -26097,11 +26181,16 @@ const attachment = (options) => {
         AlexElement.flatElements(editor.stack).forEach((el) => {
           if (el.parsedom == "span" && el.hasMarks() && el.marks["data-attachment"]) {
             event.off(el.elm, "click");
-            event.on(el.elm, "click", () => {
+            event.on(el.elm, "click", async () => {
               const url = el.marks["data-attachment"];
+              const res = await fetch(url, {
+                method: "GET"
+              });
+              const blob = await res.blob();
               const a = document.createElement("a");
-              a.setAttribute("href", url);
-              a.setAttribute("download", editTrans("attachmentDownloadName"));
+              a.setAttribute("target", "_blank");
+              a.setAttribute("href", URL.createObjectURL(blob));
+              a.setAttribute("download", el.marks["data-attachment-name"]);
               a.click();
             });
           }
@@ -26122,7 +26211,7 @@ const attachment = (options) => {
       //自定义渲染规范
       renderRule: (el) => {
         if (el.type == "closed" && el.hasMarks() && el.marks["data-attachment"]) {
-          el.marks["title"] = editTrans("downloadAttachment");
+          el.marks["title"] = editTrans("attachmentDownloadTitle");
           const editor = editifyInstance.exposed.editor.value;
           const previousElement = editor.getPreviousElement(el);
           const newTextElement = editor.getNextElement(el);
@@ -26143,7 +26232,8 @@ const attachment = (options) => {
 const install = (app) => {
   app.component(Editify.name, Editify);
 };
-const version = "0.1.26";
+const version = "0.1.29";
+console.log(`%c vue-editify %c v${version} `, "padding: 2px 1px; border-radius: 3px 0 0 3px; color: #fff; background: #606060; font-weight: bold;", "padding: 2px 1px; border-radius: 0 3px 3px 0; color: #fff; background: #42c02e; font-weight: bold;");
 export {
   AlexElement,
   Editify,