vue-editify 0.1.22 → 0.1.23

package/lib/editify.es.js

@@ -18679,7 +18679,7 @@ const getMenuConfig = function(editTrans, editLocale) {
       //右侧边框是否显示
       rightBorder: false,
       //图片支持上传的类型，不区分大小写
-      accept: ["jpg", "png", "jpeg", "webp", "jfif", "ico", "gif", "svg", "psd"],
+      allowedFileType: ["jpg", "png", "jpeg", "webp", "jfif", "ico", "gif", "svg", "psd"],
       //是否多选图片
       multiple: false,
       //单张图片的最大值，单位kb
@@ -18700,7 +18700,7 @@ const getMenuConfig = function(editTrans, editLocale) {
       //右侧边框是否显示
       rightBorder: false,
       //视频支持上传的类型，不区分大小写
-      accept: ["mp4", "avi", "mpg", "wmv", "mov", "rm", "swf", "flv"],
+      allowedFileType: ["mp4", "avi", "mpg", "wmv", "mov", "rm", "swf", "flv"],
       //是否多选视频
       multiple: false,
       //单个视频的的最大值，单位kb
@@ -18814,13 +18814,13 @@ const elementIsInTask = (element2) => {
   }
   return false;
 };
-const isList = function(element2, ordered = false) {
+const isList = (element2, ordered = false) => {
   if (element2.isEmpty()) {
     return false;
   }
   return element2.parsedom == "div" && element2.hasMarks() && element2.marks["data-editify-list"] == (ordered ? "ol" : "ul");
 };
-const isTask = function(element2) {
+const isTask = (element2) => {
   if (element2.isEmpty()) {
     return false;
   }
@@ -19066,12 +19066,12 @@ const getFlatElementsByRange = (editor, dataRangeCaches) => {
   }
   return elements;
 };
-const elementToParagraph = function(element2) {
+const elementToParagraph = (element2) => {
   element2.marks = null;
   element2.styles = null;
   element2.parsedom = AlexElement.BLOCK_NODE;
 };
-const elementToList = function(element2, ordered = false) {
+const elementToList = (element2, ordered = false) => {
   if (isList(element2, ordered)) {
     return;
   }
@@ -19082,7 +19082,7 @@ const elementToList = function(element2, ordered = false) {
   }
   element2.marks["data-editify-list"] = ordered ? "ol" : "ul";
 };
-const elementToTask = function(element2) {
+const elementToTask = (element2) => {
   if (isTask(element2)) {
     return;
   }
@@ -19933,8 +19933,8 @@ const TriangleProps = {
     default: null
   }
 };
-const _hoisted_1$c = ["data-editify-placement"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = ["data-editify-placement"];
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "Triangle"
   },
@@ -19998,7 +19998,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           class: "editify-triangle-el",
           style: normalizeStyle(elStyle.value)
         }, null, 4)
-      ], 12, _hoisted_1$c);
+      ], 12, _hoisted_1$d);
     };
   }
 });
@@ -20009,7 +20009,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Triangle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-e1abc967"]]);
+const Triangle = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-e1abc967"]]);
 const LayerProps = {
   //是否显示
   modelValue: {
@@ -20073,8 +20073,8 @@ const LayerProps = {
     default: false
   }
 };
-const _hoisted_1$b = ["data-editify-placement"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = ["data-editify-placement"];
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "Layer"
   },
@@ -20618,14 +20618,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             }, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ], 6)
-          ], 12, _hoisted_1$b)) : createCommentVNode("", true)
+          ], 12, _hoisted_1$c)) : createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["name"]);
     };
   }
 });
-const Layer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-09578d83"]]);
+const Layer = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-09578d83"]]);
 const TooltipProps = {
   //提示内容
   content: {
@@ -20643,8 +20643,8 @@ const TooltipProps = {
     default: false
   }
 };
-const _hoisted_1$a = { class: "editify-tooltip-content" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { class: "editify-tooltip-content" };
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     name: "Tooltip"
   },
@@ -20693,7 +20693,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           "z-index": 10
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_1$a, toDisplayString(_ctx.content), 1)
+            createElementVNode("div", _hoisted_1$b, toDisplayString(_ctx.content), 1)
           ]),
           _: 1
         }, 8, ["modelValue", "node"])
@@ -20701,7 +20701,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-7b5e30d1"]]);
+const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-7b5e30d1"]]);
 const IconProps = {
   //图标值
   value: {
@@ -20709,7 +20709,7 @@ const IconProps = {
     default: ""
   }
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "Icon"
   },
@@ -20723,7 +20723,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-6e00035b"]]);
+const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-6e00035b"]]);
 const ButtonProps = {
   //按钮类型
   type: {
@@ -20789,22 +20789,22 @@ const ButtonProps = {
     default: false
   }
 };
-const _hoisted_1$9 = { class: "editify-button" };
-const _hoisted_2$8 = {
+const _hoisted_1$a = { class: "editify-button" };
+const _hoisted_2$9 = {
   key: 0,
   class: "editify-button-slot"
 };
-const _hoisted_3$8 = { key: 1 };
-const _hoisted_4$6 = {
+const _hoisted_3$9 = { key: 1 };
+const _hoisted_4$7 = {
   key: 1,
   class: "editify-button-options"
 };
-const _hoisted_5$5 = ["onClick"];
-const _hoisted_6$5 = {
+const _hoisted_5$6 = ["onClick"];
+const _hoisted_6$6 = {
   key: 1,
   class: "editify-button-option-flex"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     name: "Button"
   },
@@ -20907,7 +20907,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return val ? val.label : "";
     });
     const parseColor = computed(() => {
-      return color.hex2rgb(props.color);
+      if (props.color) {
+        return color.hex2rgb(props.color);
+      }
+      return [];
     });
     const btnStyle = computed(() => {
       if (props.disabled) {
@@ -20951,7 +20954,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       status
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         createElementVNode("div", {
           class: normalizeClass(["editify-button-wrap", { "editify-right-border": _ctx.rightBorder, "editify-left-border": _ctx.leftBorder }])
         }, [
@@ -20971,9 +20974,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 onMouseup: _cache[3] || (_cache[3] = ($event) => status.value = "hover"),
                 onClick: handleClick
               }, [
-                _ctx.type == "default" || _ctx.type == "select" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+                _ctx.type == "default" || _ctx.type == "select" ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
                   renderSlot(_ctx.$slots, "default", {}, void 0, true)
-                ])) : _ctx.type == "display" ? (openBlock(), createElementBlock("div", _hoisted_3$8, toDisplayString(displayLabel.value), 1)) : createCommentVNode("", true),
+                ])) : _ctx.type == "display" ? (openBlock(), createElementBlock("div", _hoisted_3$9, toDisplayString(displayLabel.value), 1)) : createCommentVNode("", true),
                 _ctx.type == "select" || _ctx.type == "display" ? (openBlock(), createBlock(Icon, {
                   key: 2,
                   value: "caret-down",
@@ -21006,7 +21009,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 _ctx.$slots.layer ? renderSlot(_ctx.$slots, "layer", {
                   key: 0,
                   options: cmpOptions.value
-                }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_4$6, [
+                }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_4$7, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(cmpOptions.value, (item) => {
                     return openBlock(), createElementBlock("div", {
                       onClick: ($event) => select(item),
@@ -21016,14 +21019,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                       _ctx.$slots.option ? renderSlot(_ctx.$slots, "option", {
                         key: 0,
                         item
-                      }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_6$5, [
+                      }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_6$6, [
                         item.icon ? (openBlock(), createBlock(Icon, {
                           key: 0,
                           value: item.icon
                         }, null, 8, ["value"])) : createCommentVNode("", true),
                         createElementVNode("span", null, toDisplayString(item.label), 1)
                       ]))
-                    ], 14, _hoisted_5$5);
+                    ], 14, _hoisted_5$6);
                   }), 256))
                 ]))
               ], 4)
@@ -21035,7 +21038,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-3656b737"]]);
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-14398008"]]);
 const CheckboxProps = {
   //是否禁用
   disabled: {
@@ -21079,10 +21082,10 @@ const CheckboxProps = {
     }
   }
 };
-const _hoisted_1$8 = ["data-editify-placement", "textContent"];
-const _hoisted_2$7 = ["value", "disabled", "checked"];
-const _hoisted_3$7 = ["data-editify-placement", "textContent"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = ["data-editify-placement", "textContent"];
+const _hoisted_2$8 = ["value", "disabled", "checked"];
+const _hoisted_3$8 = ["data-editify-placement", "textContent"];
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "Checkbox"
   },
@@ -21137,14 +21140,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           class: "editify-checkbox-label",
           "data-editify-placement": _ctx.placement,
           textContent: toDisplayString(_ctx.label)
-        }, null, 8, _hoisted_1$8)) : createCommentVNode("", true),
+        }, null, 8, _hoisted_1$9)) : createCommentVNode("", true),
         createElementVNode("input", {
           onChange: change,
           value: _ctx.value,
           disabled: _ctx.disabled,
           checked: check.value,
           type: "checkbox"
-        }, null, 40, _hoisted_2$7),
+        }, null, 40, _hoisted_2$8),
         createElementVNode("span", {
           class: normalizeClass(["editify-checkbox-item", { "editify-reverse": !_ctx.color, "editify-round": _ctx.round, "editify-checked": check.value && !_ctx.disabled }]),
           style: normalizeStyle(itemStyle.value)
@@ -21159,12 +21162,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           class: "editify-checkbox-label",
           "data-editify-placement": _ctx.placement,
           textContent: toDisplayString(_ctx.label)
-        }, null, 8, _hoisted_3$7)) : createCommentVNode("", true)
+        }, null, 8, _hoisted_3$8)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-d99c609b"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-d99c609b"]]);
 const ColorsProps = {
   //颜色数组
   data: {
@@ -21189,10 +21192,10 @@ const ColorsProps = {
     default: false
   }
 };
-const _hoisted_1$7 = { class: "editify-colors" };
-const _hoisted_2$6 = { class: "editify-colors-list" };
-const _hoisted_3$6 = ["onClick"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = { class: "editify-colors" };
+const _hoisted_2$7 = { class: "editify-colors-list" };
+const _hoisted_3$7 = ["onClick"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   ...{
     name: "Colors"
   },
@@ -21206,7 +21209,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       emits("change", item.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", {
           class: "editify-colors-header",
           onClick: _cache[0] || (_cache[0] = ($event) => selectColor({ value: "" }))
@@ -21214,11 +21217,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           createVNode(Icon, { value: "remove" }),
           createElementVNode("span", null, toDisplayString(unref($editTrans)("defaultColor")), 1)
         ]),
-        createElementVNode("div", _hoisted_2$6, [
+        createElementVNode("div", _hoisted_2$7, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
             return openBlock(), createElementBlock("div", {
               class: normalizeClass(["editify-color", { "editify-active": _ctx.value == item.value }]),
-              style: normalizeStyle({ borderColor: _ctx.value == item.value ? _ctx.color : "" })
+              style: normalizeStyle({ borderColor: _ctx.value == item.value ? _ctx.color || "" : "" })
             }, [
               createVNode(Tooltip, {
                 block: "",
@@ -21230,7 +21233,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     onClick: ($event) => selectColor(item),
                     class: "editify-color-el",
                     style: normalizeStyle({ background: item.value })
-                  }, null, 12, _hoisted_3$6)
+                  }, null, 12, _hoisted_3$7)
                 ]),
                 _: 2
               }, 1032, ["content", "disabled"])
@@ -21241,7 +21244,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Colors = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-514d2263"]]);
+const Colors = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-dec8d117"]]);
 const ToolbarProps = {
   //是否显示
   modelValue: {
@@ -21272,16 +21275,16 @@ const ToolbarProps = {
     default: ""
   }
 };
-const _hoisted_1$6 = {
+const _hoisted_1$7 = {
   key: 0,
   class: "editify-toolbar-link"
 };
-const _hoisted_2$5 = { class: "editify-toolbar-link-label" };
-const _hoisted_3$5 = ["placeholder"];
-const _hoisted_4$5 = { class: "editify-toolbar-link-footer" };
-const _hoisted_5$4 = { class: "editify-toolbar-link-operations" };
-const _hoisted_6$4 = ["href"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_2$6 = { class: "editify-toolbar-link-label" };
+const _hoisted_3$6 = ["placeholder"];
+const _hoisted_4$6 = { class: "editify-toolbar-link-footer" };
+const _hoisted_5$5 = { class: "editify-toolbar-link-operations" };
+const _hoisted_6$5 = ["href"];
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "Toolbar"
   },
@@ -21291,7 +21294,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const editify = inject("editify");
     const editor = inject("editor");
     const dataRangeCaches = inject("dataRangeCaches");
     const $editTrans = inject("$editTrans");
@@ -21955,7 +21957,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       } else if (props.type == "text") {
         const extraDisabled = (name) => {
           if (typeof props.config.extraDisabled == "function") {
-            return props.config.extraDisabled.apply(editify.proxy, [name]) || false;
+            return props.config.extraDisabled(name) || false;
           }
           return false;
         };
@@ -22068,8 +22070,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             ref: toolbarRef,
             style: normalizeStyle(_ctx.config.style)
           }, [
-            _ctx.type == "link" ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
-              createElementVNode("div", _hoisted_2$5, toDisplayString(unref($editTrans)("linkAddress")), 1),
+            _ctx.type == "link" ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
+              createElementVNode("div", _hoisted_2$6, toDisplayString(unref($editTrans)("linkAddress")), 1),
               withDirectives(createElementVNode("input", {
                 onChange: modifyLink,
                 onFocus: handleInputFocus,
@@ -22077,7 +22079,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 placeholder: unref($editTrans)("linkUrlEnterPlaceholder"),
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => linkConfig.value.url = $event),
                 type: "url"
-              }, null, 40, _hoisted_3$5), [
+              }, null, 40, _hoisted_3$6), [
                 [
                   vModelText,
                   linkConfig.value.url,
@@ -22085,7 +22087,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   { trim: true }
                 ]
               ]),
-              createElementVNode("div", _hoisted_4$5, [
+              createElementVNode("div", _hoisted_4$6, [
                 createVNode(Checkbox, {
                   onChange: modifyLink,
                   modelValue: linkConfig.value.newOpen,
@@ -22094,13 +22096,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   color: _ctx.color,
                   size: 10
                 }, null, 8, ["modelValue", "label", "color"]),
-                createElementVNode("div", _hoisted_5$4, [
+                createElementVNode("div", _hoisted_5$5, [
                   createElementVNode("span", { onClick: removeLink }, toDisplayString(unref($editTrans)("removeLink")), 1),
                   createElementVNode("a", {
                     href: linkConfig.value.url,
                     target: "_blank",
-                    style: normalizeStyle({ color: _ctx.color })
-                  }, toDisplayString(unref($editTrans)("viewLink")), 13, _hoisted_6$4)
+                    style: normalizeStyle({ color: _ctx.color || "" })
+                  }, toDisplayString(unref($editTrans)("viewLink")), 13, _hoisted_6$5)
                 ])
               ])
             ])) : _ctx.type == "image" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -22771,7 +22773,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-44b03ca9"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-357be052"]]);
 const InsertLinkProps = {
   //主题色
   color: {
@@ -22784,13 +22786,13 @@ const InsertLinkProps = {
     default: ""
   }
 };
-const _hoisted_1$5 = { class: "editify-link" };
-const _hoisted_2$4 = { class: "editify-link-label" };
-const _hoisted_3$4 = ["placeholder"];
-const _hoisted_4$4 = ["placeholder"];
-const _hoisted_5$3 = { class: "editify-link-footer" };
-const _hoisted_6$3 = { class: "editify-link-operations" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = { class: "editify-link" };
+const _hoisted_2$5 = { class: "editify-link-label" };
+const _hoisted_3$5 = ["placeholder"];
+const _hoisted_4$5 = ["placeholder"];
+const _hoisted_5$4 = { class: "editify-link-footer" };
+const _hoisted_6$4 = { class: "editify-link-operations" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     name: "InsertLink"
   },
@@ -22825,15 +22827,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       emits("insert", linkText.value, linkUrl.value, newOpen.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        createElementVNode("div", _hoisted_2$4, toDisplayString(unref($editTrans)("linkAddress")), 1),
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        createElementVNode("div", _hoisted_2$5, toDisplayString(unref($editTrans)("linkAddress")), 1),
         withDirectives(createElementVNode("input", {
           onFocus: handleInputFocus,
           onBlur: handleInputBlur,
           placeholder: unref($editTrans)("linkTextEnterPlaceholder"),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => linkText.value = $event),
           type: "text"
-        }, null, 40, _hoisted_3$4), [
+        }, null, 40, _hoisted_3$5), [
           [
             vModelText,
             linkText.value,
@@ -22847,7 +22849,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           placeholder: unref($editTrans)("linkUrlEnterPlaceholder"),
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => linkUrl.value = $event),
           type: "url"
-        }, null, 40, _hoisted_4$4), [
+        }, null, 40, _hoisted_4$5), [
           [
             vModelText,
             linkUrl.value,
@@ -22855,7 +22857,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             { trim: true }
           ]
         ]),
-        createElementVNode("div", _hoisted_5$3, [
+        createElementVNode("div", _hoisted_5$4, [
           createVNode(Checkbox, {
             modelValue: newOpen.value,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => newOpen.value = $event),
@@ -22863,9 +22865,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             color: _ctx.color,
             size: 10
           }, null, 8, ["modelValue", "label", "color"]),
-          createElementVNode("div", _hoisted_6$3, [
+          createElementVNode("div", _hoisted_6$4, [
             createElementVNode("span", {
-              style: normalizeStyle({ color: _ctx.color }),
+              style: normalizeStyle({ color: _ctx.color || "" }),
               onClick: insertLink2
             }, toDisplayString(unref($editTrans)("insertLink")), 5)
           ])
@@ -22874,7 +22876,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InsertLink = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f5a2ce93"]]);
+const InsertLink = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-9f80e392"]]);
 const InsertImageProps = {
   //主题色
   color: {
@@ -22882,7 +22884,7 @@ const InsertImageProps = {
     default: ""
   },
   //支持的图片类型数组
-  accept: {
+  allowedFileType: {
     type: Array,
     default: null
   },
@@ -22912,19 +22914,19 @@ const InsertImageProps = {
     default: null
   }
 };
-const _hoisted_1$4 = { class: "editify-image" };
-const _hoisted_2$3 = { class: "editify-image-header" };
-const _hoisted_3$3 = {
+const _hoisted_1$5 = { class: "editify-image" };
+const _hoisted_2$4 = { class: "editify-image-header" };
+const _hoisted_3$4 = {
   key: 0,
   class: "editify-image-remote"
 };
-const _hoisted_4$3 = ["placeholder"];
-const _hoisted_5$2 = {
+const _hoisted_4$4 = ["placeholder"];
+const _hoisted_5$3 = {
   key: 1,
   class: "editify-image-upload"
 };
-const _hoisted_6$2 = ["multiple"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_6$3 = ["multiple"];
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     name: "InsertImage"
   },
@@ -22935,7 +22937,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const $editTrans = inject("$editTrans");
-    const editify = inject("editify");
     const current = ref("upload");
     const remoteUrl = ref("");
     const activeStyle = computed(() => {
@@ -22976,24 +22977,24 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       for (let i = 0; i < files.length; i++) {
         const file2 = files[i];
         const suffix = getSuffix(file2);
-        const isMatch = props.accept.some((item) => {
+        const isMatch = props.allowedFileType && Array.isArray(props.allowedFileType) && props.allowedFileType.length ? props.allowedFileType.some((item) => {
           return item.toLocaleLowerCase() == suffix.toLocaleLowerCase();
-        });
+        }) : true;
         if (!isMatch) {
           if (typeof props.handleError == "function") {
-            props.handleError.apply(editify.proxy, ["suffixError", file2]);
+            props.handleError("suffixError", file2);
           }
           continue;
         }
         if (props.maxSize && file2.size / 1024 > props.maxSize) {
           if (typeof props.handleError == "function") {
-            props.handleError.apply(editify.proxy, ["maxSizeError", file2]);
+            props.handleError("maxSizeError", file2);
           }
           continue;
         }
         if (props.minSize && file2.size / 1024 < props.minSize) {
           if (typeof props.handleError == "function") {
-            props.handleError.apply(editify.proxy, ["minSizeError", file2]);
+            props.handleError("minSizeError", file2);
           }
           continue;
         }
@@ -23002,7 +23003,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       if (filterFiles.length) {
         let images = [];
         if (typeof props.customUpload == "function") {
-          images = await props.customUpload.apply(editify.proxy, [filterFiles]) || [];
+          images = await props.customUpload(filterFiles) || [];
         } else {
           for (let i = 0; i < filterFiles.length; i++) {
             const url = await file.dataFileToBase64(filterFiles[i]);
@@ -23022,8 +23023,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createElementVNode("div", _hoisted_2$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+        createElementVNode("div", _hoisted_2$4, [
           createElementVNode("div", {
             onClick: _cache[0] || (_cache[0] = ($event) => current.value = "upload"),
             class: normalizeClass(["editify-image-header-item", { "editify-active": current.value == "upload" }]),
@@ -23039,13 +23040,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             style: normalizeStyle({ backgroundColor: _ctx.color || "" })
           }, null, 6)
         ]),
-        current.value == "remote" ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+        current.value == "remote" ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
           withDirectives(createElementVNode("input", {
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => remoteUrl.value = $event),
             placeholder: unref($editTrans)("imageUrlPlaceholder"),
             onBlur: handleInputBlur,
             onFocus: handleInputFocus
-          }, null, 40, _hoisted_4$3), [
+          }, null, 40, _hoisted_4$4), [
             [
               vModelText,
               remoteUrl.value,
@@ -23055,24 +23056,24 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           ]),
           createElementVNode("div", {
             class: "editify-image-remote-footer",
-            style: normalizeStyle({ color: _ctx.color })
+            style: normalizeStyle({ color: _ctx.color || "" })
           }, [
             createElementVNode("span", { onClick: insertRemoteImage }, toDisplayString(unref($editTrans)("insert")), 1)
           ], 4)
-        ])) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
+        ])) : (openBlock(), createElementBlock("div", _hoisted_5$3, [
           createVNode(Icon, { value: "upload" }),
           createElementVNode("input", {
             multiple: _ctx.multiple,
             accept: "image/*",
             onChange: selectFile,
             type: "file"
-          }, null, 40, _hoisted_6$2)
+          }, null, 40, _hoisted_6$3)
         ]))
       ]);
     };
   }
 });
-const InsertImage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-735f42e9"]]);
+const InsertImage = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-17d0a9c4"]]);
 const InsertVideoProps = {
   //主题色
   color: {
@@ -23080,7 +23081,7 @@ const InsertVideoProps = {
     default: ""
   },
   //支持的视频类型数组
-  accept: {
+  allowedFileType: {
     type: Array,
     default: null
   },
@@ -23110,19 +23111,19 @@ const InsertVideoProps = {
     default: null
   }
 };
-const _hoisted_1$3 = { class: "editify-video" };
-const _hoisted_2$2 = { class: "editify-video-header" };
-const _hoisted_3$2 = {
+const _hoisted_1$4 = { class: "editify-video" };
+const _hoisted_2$3 = { class: "editify-video-header" };
+const _hoisted_3$3 = {
   key: 0,
   class: "editify-video-remote"
 };
-const _hoisted_4$2 = ["placeholder"];
-const _hoisted_5$1 = {
+const _hoisted_4$3 = ["placeholder"];
+const _hoisted_5$2 = {
   key: 1,
   class: "editify-video-upload"
 };
-const _hoisted_6$1 = ["multiple"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _hoisted_6$2 = ["multiple"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     name: "InsertVideo"
   },
@@ -23133,7 +23134,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emits = __emit;
     const $editTrans = inject("$editTrans");
-    const editify = inject("editify");
     const current = ref("upload");
     const remoteUrl = ref("");
     const activeStyle = computed(() => {
@@ -23174,24 +23174,24 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       for (let i = 0; i < files.length; i++) {
         const file2 = files[i];
         const suffix = getSuffix(file2);
-        const isMatch = props.accept.some((item) => {
+        const isMatch = props.allowedFileType && Array.isArray(props.allowedFileType) && props.allowedFileType.length ? props.allowedFileType.some((item) => {
           return item.toLocaleLowerCase() == suffix.toLocaleLowerCase();
-        });
+        }) : true;
         if (!isMatch) {
           if (typeof props.handleError == "function") {
-            props.handleError.apply(editify.proxy, ["suffixError", file2]);
+            props.handleError("suffixError", file2);
           }
           continue;
         }
         if (props.maxSize && file2.size / 1024 > props.maxSize) {
           if (typeof props.handleError == "function") {
-            props.handleError.apply(editify.proxy, ["maxSizeError", file2]);
+            props.handleError("maxSizeError", file2);
           }
           continue;
         }
         if (props.minSize && file2.size / 1024 < props.minSize) {
           if (typeof props.handleError == "function") {
-            props.handleError.apply(editify.proxy, ["minSizeError", file2]);
+            props.handleError("minSizeError", file2);
           }
           continue;
         }
@@ -23200,7 +23200,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       if (filterFiles.length) {
         let videos = [];
         if (typeof props.customUpload == "function") {
-          videos = await props.customUpload.apply(editify.proxy, [filterFiles]) || [];
+          videos = await props.customUpload(filterFiles) || [];
         } else {
           for (let i = 0; i < filterFiles.length; i++) {
             const url = await file.dataFileToBase64(filterFiles[i]);
@@ -23220,8 +23220,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createElementVNode("div", _hoisted_2$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        createElementVNode("div", _hoisted_2$3, [
           createElementVNode("div", {
             onClick: _cache[0] || (_cache[0] = ($event) => current.value = "upload"),
             class: normalizeClass(["editify-video-header-item", { "editify-active": current.value == "upload" }]),
@@ -23237,13 +23237,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             style: normalizeStyle({ backgroundColor: _ctx.color || "" })
           }, null, 6)
         ]),
-        current.value == "remote" ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+        current.value == "remote" ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
           withDirectives(createElementVNode("input", {
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => remoteUrl.value = $event),
             placeholder: unref($editTrans)("videoUrlPlaceholder"),
             onBlur: handleInputBlur,
             onFocus: handleInputFocus
-          }, null, 40, _hoisted_4$2), [
+          }, null, 40, _hoisted_4$3), [
             [
               vModelText,
               remoteUrl.value,
@@ -23253,24 +23253,24 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           ]),
           createElementVNode("div", {
             class: "editify-video-remote-footer",
-            style: normalizeStyle({ color: _ctx.color })
+            style: normalizeStyle({ color: _ctx.color || "" })
           }, [
             createElementVNode("span", { onClick: insertRemoteVideo }, toDisplayString(unref($editTrans)("insert")), 1)
           ], 4)
-        ])) : (openBlock(), createElementBlock("div", _hoisted_5$1, [
+        ])) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
           createVNode(Icon, { value: "upload" }),
           createElementVNode("input", {
             multiple: _ctx.multiple,
             accept: "video/*",
             onChange: selectFile,
             type: "file"
-          }, null, 40, _hoisted_6$1)
+          }, null, 40, _hoisted_6$2)
         ]))
       ]);
     };
   }
 });
-const InsertVideo = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4d375427"]]);
+const InsertVideo = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-a54e06d0"]]);
 const InsertTableProps = {
   //主题色
   color: {
@@ -23289,16 +23289,16 @@ const InsertTableProps = {
   }
 };
 const _withScopeId = (n) => (pushScopeId("data-v-9a40c4f5"), n = n(), popScopeId(), n);
-const _hoisted_1$2 = { class: "editify-table" };
-const _hoisted_2$1 = ["onMouseenter", "onClick"];
-const _hoisted_3$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, null, -1));
-const _hoisted_4$1 = [
-  _hoisted_3$1
+const _hoisted_1$3 = { class: "editify-table" };
+const _hoisted_2$2 = ["onMouseenter", "onClick"];
+const _hoisted_3$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, null, -1));
+const _hoisted_4$2 = [
+  _hoisted_3$2
 ];
-const _hoisted_5 = { class: "editify-table-footer" };
-const _hoisted_6 = { key: 0 };
+const _hoisted_5$1 = { class: "editify-table-footer" };
+const _hoisted_6$1 = { key: 0 };
 const _hoisted_7 = { key: 1 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     name: "InsertTable"
   },
@@ -23358,7 +23358,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       emits("insert", data2.x, data2.y);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createElementVNode("table", null, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(tableGrids.value, (row) => {
             return openBlock(), createElementBlock("tr", null, [
@@ -23367,19 +23367,19 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   class: normalizeClass({ "editify-inside": column.inside }),
                   onMouseenter: ($event) => changeTableSize(column),
                   onClick: ($event) => createTable(column)
-                }, _hoisted_4$1, 42, _hoisted_2$1);
+                }, _hoisted_4$2, 42, _hoisted_2$2);
               }), 256))
             ]);
           }), 256))
         ]),
-        createElementVNode("div", _hoisted_5, [
-          specification.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(specification.value.x) + " x " + toDisplayString(specification.value.y), 1)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(unref($editTrans)("insertTable")), 1))
+        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))
         ])
       ]);
     };
   }
 });
-const InsertTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-9a40c4f5"]]);
+const InsertTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-9a40c4f5"]]);
 const MenuProps = {
   //菜单栏配置
   config: {
@@ -23392,8 +23392,8 @@ const MenuProps = {
     default: ""
   }
 };
-const _hoisted_1$1 = ["data-editify-mode"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = ["data-editify-mode"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
     name: "Menu"
   },
@@ -23627,7 +23627,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       rightBorder: props.config.image.rightBorder,
       active: false,
       disabled: false,
-      accept: props.config.image.accept,
+      allowedFileType: props.config.image.allowedFileType,
       multiple: props.config.image.multiple,
       maxSize: props.config.image.maxSize,
       minSize: props.config.image.minSize,
@@ -23640,7 +23640,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       rightBorder: props.config.video.rightBorder,
       active: false,
       disabled: false,
-      accept: props.config.video.accept,
+      allowedFileType: props.config.video.allowedFileType,
       multiple: props.config.video.multiple,
       maxSize: props.config.video.maxSize,
       minSize: props.config.video.minSize,
@@ -23933,7 +23933,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const value_isRangeInTask = isRangeInTask(editor.value, dataRangeCaches.value);
       const extraDisabled = (name) => {
         if (typeof props.config.extraDisabled == "function") {
-          return props.config.extraDisabled.apply(editify.proxy, [name]) || false;
+          return props.config.extraDisabled(name) || false;
         }
         return false;
       };
@@ -24495,7 +24495,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 }),
                 layer: () => h(InsertImage, {
                   color: props.color,
-                  accept: imageConfig.value.accept,
+                  allowedFileType: imageConfig.value.allowedFileType,
                   multiple: imageConfig.value.multiple,
                   maxSize: imageConfig.value.maxSize,
                   minSize: imageConfig.value.minSize,
@@ -24536,7 +24536,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 }),
                 layer: () => h(InsertVideo, {
                   color: props.color,
-                  accept: videoConfig.value.accept,
+                  allowedFileType: videoConfig.value.allowedFileType,
                   multiple: videoConfig.value.multiple,
                   maxSize: videoConfig.value.maxSize,
                   minSize: videoConfig.value.minSize,
@@ -24665,29 +24665,44 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   color: props.color,
                   onLayerShow: () => {
                     if (typeof configuration.onLayerShow == "function") {
-                      configuration.onLayerShow.apply(editify.proxy, [itemProps.name, itemInstance.proxy.$refs.btnRef]);
+                      configuration.onLayerShow(itemProps.name, itemInstance.proxy.$refs.btnRef);
                     }
                   },
                   onLayerShown: () => {
                     if (typeof configuration.onLayerShown == "function") {
-                      configuration.onLayerShown.apply(editify.proxy, [itemProps.name, itemInstance.proxy.$refs.btnRef]);
+                      configuration.onLayerShown(itemProps.name, itemInstance.proxy.$refs.btnRef);
                     }
                   },
                   onLayerHidden: () => {
                     if (typeof configuration.onLayerHidden == "function") {
-                      configuration.onLayerHidden.apply(editify.proxy, [itemProps.name, itemInstance.proxy.$refs.btnRef]);
+                      configuration.onLayerHidden(itemProps.name, itemInstance.proxy.$refs.btnRef);
                     }
                   },
                   onOperate: (name, val) => {
                     if (typeof configuration.onOperate == "function") {
-                      configuration.onOperate.apply(editify.proxy, [name, val, itemInstance.proxy.$refs.btnRef]);
+                      configuration.onOperate(name, val, itemInstance.proxy.$refs.btnRef);
                     }
                   }
                 },
                 {
-                  default: configuration.default || null,
-                  layer: configuration.layer || null,
-                  option: configuration.option || null
+                  default: () => {
+                    if (configuration.default) {
+                      return configuration.default(itemProps.name, itemInstance.proxy.$refs.btnRef);
+                    }
+                    return null;
+                  },
+                  layer: () => {
+                    if (configuration.layer) {
+                      return configuration.layer(itemProps.name, itemInstance.proxy.$refs.btnRef);
+                    }
+                    return null;
+                  },
+                  option: () => {
+                    if (configuration.option) {
+                      return configuration.option(itemProps.name, itemInstance.proxy.$refs.btnRef);
+                    }
+                    return null;
+                  }
                 }
               );
             }
@@ -24717,11 +24732,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             disabled: menuDisabled.value(item)
           }, null, 8, ["name", "disabled"]);
         }), 256))
-      ], 14, _hoisted_1$1);
+      ], 14, _hoisted_1$2);
     };
   }
 });
-const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-67392864"]]);
+const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-3a513730"]]);
 const EditifyProps = {
   //国际化语言类型
   locale: {
@@ -24857,6 +24872,13 @@ const EditifyProps = {
   tab: {
     type: Boolean,
     default: true
+  },
+  //插件数组
+  plugins: {
+    type: Array,
+    default: function() {
+      return [];
+    }
   }
 };
 const en_US = {
@@ -24943,7 +24965,14 @@ const en_US = {
   alignJustify: "Align justify",
   defaultLineHeight: "Default",
   auto: "auto",
-  fullScreen: "Full screen"
+  fullScreen: "Full screen",
+  //插件语言配置
+  insertAttachment: "Insert attachment",
+  uploadAttachment: "Upload",
+  remoteAttachment: "Remote",
+  attachmentUrlPlaceholder: "Please enter the attachment address",
+  downloadAttachment: "Click to download attachment",
+  attachmentDownloadName: "attachment"
 };
 const zh_CN = {
   textWrapUp: "向上换行",
@@ -25029,18 +25058,25 @@ const zh_CN = {
   alignJustify: "两端对齐",
   defaultLineHeight: "默认行高",
   auto: "自适应",
-  fullScreen: "全屏"
+  fullScreen: "全屏",
+  //插件语言配置
+  insertAttachment: "插入附件",
+  uploadAttachment: "上传附件",
+  remoteAttachment: "远程地址",
+  attachmentUrlPlaceholder: "请输入远程地址",
+  downloadAttachment: "点击下载附件",
+  attachmentDownloadName: "附件"
 };
 const trans = (locale) => {
   return (key) => {
     return { zh_CN, en_US }[locale][key];
   };
 };
-const _hoisted_1 = ["data-editify-uid"];
-const _hoisted_2 = ["data-editify-placeholder"];
-const _hoisted_3 = ["value"];
-const _hoisted_4 = { class: "editify-footer-words" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1 = ["data-editify-uid"];
+const _hoisted_2$1 = ["data-editify-placeholder"];
+const _hoisted_3$1 = ["value"];
+const _hoisted_4$1 = { class: "editify-footer-words" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
     name: "editify"
   },
@@ -25112,8 +25148,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const toolbarConfig = computed(() => {
       return mergeObject(getToolbarConfig($editTrans, props.locale), props.toolbar || {});
     });
+    const pluginResultList = computed(() => {
+      const pluginResultList2 = [];
+      props.plugins.forEach((plugin) => {
+        let pluginResult = plugin(instance, props.color, $editTrans);
+        pluginResultList2.push(pluginResult);
+      });
+      return pluginResultList2;
+    });
     const menuConfig = computed(() => {
-      return mergeObject(getMenuConfig($editTrans, props.locale), props.menu || {});
+      let menu = {};
+      pluginResultList.value.forEach((pluginResult) => {
+        menu = mergeObject(menu, pluginResult.menu || {});
+      });
+      menu = mergeObject(menu, props.menu || {});
+      return mergeObject(getMenuConfig($editTrans, props.locale), menu);
     });
     const internalModify = (val) => {
       isModelChange.value = true;
@@ -25215,6 +25264,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const createEditor = () => {
+      let pluginRules = [];
+      pluginResultList.value.forEach((pluginResult) => {
+        if (pluginResult.renderRule) {
+          pluginRules.push(pluginResult.renderRule);
+        }
+      });
       editor.value = new AlexEditor(contentRef.value, {
         value: value.value,
         disabled: props.disabled,
@@ -25238,6 +25293,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (el) => {
             specialInblockHandle(editor.value, el);
           },
+          ...pluginRules,
           ...props.renderRules
         ],
         allowCopy: props.allowCopy,
@@ -25378,8 +25434,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const handleCustomHtmlPaste = async (elements) => {
-      const keepStyles = Object.assign(pasteKeepData.styles, props.pasteKeepStyles || {});
-      const keepMarks = Object.assign(pasteKeepData.marks, props.pasteKeepMarks || {});
+      let keepStyles = pasteKeepData.styles;
+      let keepMarks = pasteKeepData.marks;
+      pluginResultList.value.forEach((pluginResult) => {
+        keepStyles = Object.assign(keepStyles, pluginResult.pasteKeepStyles || {});
+        keepMarks = Object.assign(keepMarks, pluginResult.pasteKeepMarks || {});
+      });
+      keepStyles = Object.assign(keepStyles, props.pasteKeepStyles || {});
+      keepMarks = Object.assign(keepMarks, props.pasteKeepMarks || {});
       AlexElement.flatElements(elements).forEach((el) => {
         let marks = {};
         let styles = {};
@@ -25401,7 +25463,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
       if (typeof props.customHtmlPaste == "function") {
-        await props.customHtmlPaste.apply(this, [elements]);
+        await props.customHtmlPaste(elements);
       } else {
         for (let i = 0; i < elements.length; i++) {
           editor.value.insertElement(elements[i], false);
@@ -25432,8 +25494,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ele.marks = marks;
         }
       }
+      pluginResultList.value.forEach((pluginResult) => {
+        if (pluginResult.customParseNode) {
+          ele = pluginResult.customParseNode(ele);
+        }
+      });
       if (typeof props.customParseNode == "function") {
-        ele = props.customParseNode.apply(instance.proxy, [ele]);
+        ele = props.customParseNode(ele);
       }
       return ele;
     };
@@ -25565,6 +25632,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const handleAfterRender = () => {
       setVideoHeight();
+      pluginResultList.value.forEach((pluginResult) => {
+        if (pluginResult.updateView) {
+          pluginResult.updateView();
+        }
+      });
       emits("updateview");
     };
     const collapseToEnd = () => {
@@ -25719,13 +25791,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onCompositionstart: _cache[0] || (_cache[0] = ($event) => isInputChinese.value = true),
             onCompositionend: _cache[1] || (_cache[1] = ($event) => isInputChinese.value = false),
             "data-editify-placeholder": _ctx.placeholder
-          }, null, 42, _hoisted_2),
+          }, null, 42, _hoisted_2$1),
           isSourceView.value ? (openBlock(), createElementBlock("textarea", {
             key: 0,
             value: value.value,
             readonly: "",
             class: "editify-sourceview"
-          }, null, 8, _hoisted_3)) : createCommentVNode("", true),
+          }, null, 8, _hoisted_3$1)) : createCommentVNode("", true),
           createVNode(Toolbar, {
             ref_key: "toolbarRef",
             ref: toolbarRef,
@@ -25736,27 +25808,353 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             config: toolbarConfig.value,
             color: _ctx.color
           }, null, 8, ["modelValue", "node", "type", "config", "color"])
-        ], 10, _hoisted_1),
+        ], 10, _hoisted_1$1),
         _ctx.showWordLength ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(["editify-footer", { "editify-fullscreen": isFullScreen.value && !isSourceView.value }]),
           ref_key: "footerRef",
           ref: footerRef
         }, [
-          createElementVNode("div", _hoisted_4, toDisplayString(unref($editTrans)("totalWordCount")) + toDisplayString(textValue.value.length), 1)
+          createElementVNode("div", _hoisted_4$1, toDisplayString(unref($editTrans)("totalWordCount")) + toDisplayString(textValue.value.length), 1)
         ], 2)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f87ab8c"]]);
-const version = "0.1.22";
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8737320e"]]);
+const InsertAttachmentProps = {
+  //主题色
+  color: {
+    type: String,
+    default: ""
+  },
+  //可选择的文件类型
+  accept: {
+    type: String,
+    default: null
+  },
+  //支持的类型数组
+  allowedFileType: {
+    type: Array,
+    default: null
+  },
+  //是否支持多选
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  //单个文件最大值
+  maxSize: {
+    type: Number,
+    default: null
+  },
+  //单个文件最小值
+  minSize: {
+    type: Number,
+    default: null
+  },
+  //是否自定义上传附件
+  customUpload: {
+    type: Function,
+    default: null
+  },
+  //处理上传附件异常
+  handleError: {
+    type: Function,
+    default: null
+  }
+};
+const _hoisted_1 = { class: "editify-attachment" };
+const _hoisted_2 = { class: "editify-attachment-header" };
+const _hoisted_3 = {
+  key: 0,
+  class: "editify-attachment-remote"
+};
+const _hoisted_4 = ["placeholder"];
+const _hoisted_5 = {
+  key: 1,
+  class: "editify-attachment-upload"
+};
+const _hoisted_6 = ["multiple", "accept"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "InsertAttachment"
+  },
+  __name: "insertAttachment",
+  props: InsertAttachmentProps,
+  emits: ["change", "insert"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const $editTrans = inject("$editTrans");
+    const current = ref("upload");
+    const remoteUrl = ref("");
+    const activeStyle = computed(() => {
+      return (name) => {
+        if (current.value == name) {
+          return {
+            color: props.color
+          };
+        }
+        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) {
+        return "";
+      }
+      return file2.name.substring(index + 1);
+    };
+    const handleInputFocus = (e) => {
+      if (props.color) {
+        e.currentTarget.style.borderColor = props.color;
+      }
+    };
+    const handleInputBlur = (e) => {
+      e.currentTarget.style.borderColor = "";
+    };
+    const insertRemoteAttachment = () => {
+      emits("insert", remoteUrl.value);
+    };
+    const selectFile = async (e) => {
+      const inputEle = e.currentTarget;
+      const files = inputEle.files;
+      if (!files || !files.length) {
+        return;
+      }
+      let filterFiles = [];
+      for (let i = 0; i < files.length; i++) {
+        const file2 = files[i];
+        const suffix = getSuffix(file2);
+        const isMatch = props.allowedFileType && Array.isArray(props.allowedFileType) && props.allowedFileType.length ? props.allowedFileType.some((item) => {
+          return item.toLocaleLowerCase() == suffix.toLocaleLowerCase();
+        }) : true;
+        if (!isMatch) {
+          if (typeof props.handleError == "function") {
+            props.handleError("suffixError", file2);
+          }
+          continue;
+        }
+        if (props.maxSize && file2.size / 1024 > props.maxSize) {
+          if (typeof props.handleError == "function") {
+            props.handleError("maxSizeError", file2);
+          }
+          continue;
+        }
+        if (props.minSize && file2.size / 1024 < props.minSize) {
+          if (typeof props.handleError == "function") {
+            props.handleError("minSizeError", file2);
+          }
+          continue;
+        }
+        filterFiles.push(file2);
+      }
+      if (filterFiles.length) {
+        let attachments = [];
+        if (typeof props.customUpload == "function") {
+          attachments = await props.customUpload(filterFiles) || [];
+        } else {
+          for (let i = 0; i < filterFiles.length; i++) {
+            const url = await file.dataFileToBase64(filterFiles[i]);
+            attachments.push(url);
+          }
+        }
+        attachments.forEach((url) => {
+          emits("insert", url);
+        });
+      }
+      inputEle.value = "";
+    };
+    watch(
+      () => current.value,
+      () => {
+        emits("change");
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", {
+            onClick: _cache[0] || (_cache[0] = ($event) => current.value = "upload"),
+            class: normalizeClass(["editify-attachment-header-item", { "editify-active": current.value == "upload" }]),
+            style: normalizeStyle(activeStyle.value("upload"))
+          }, toDisplayString(unref($editTrans)("uploadAttachment")), 7),
+          createElementVNode("div", {
+            onClick: _cache[1] || (_cache[1] = ($event) => current.value = "remote"),
+            class: normalizeClass(["editify-attachment-header-item", { "editify-active": current.value == "remote" }]),
+            style: normalizeStyle(activeStyle.value("remote"))
+          }, toDisplayString(unref($editTrans)("remoteAttachment")), 7),
+          createElementVNode("div", {
+            class: normalizeClass(["editify-attachment-header-slider", "editify-" + current.value]),
+            style: normalizeStyle({ backgroundColor: _ctx.color || "" })
+          }, null, 6)
+        ]),
+        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"),
+            onBlur: handleInputBlur,
+            onFocus: handleInputFocus
+          }, null, 40, _hoisted_4), [
+            [
+              vModelText,
+              remoteUrl.value,
+              void 0,
+              { trim: true }
+            ]
+          ]),
+          createElementVNode("div", {
+            class: "editify-attachment-remote-footer",
+            style: normalizeStyle({ color: _ctx.color || "" })
+          }, [
+            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)
+        ]))
+      ]);
+    };
+  }
+});
+const InsertAttachment = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a2a6e2f3"]]);
+const attachment = (options) => {
+  if (!common.isObject(options)) {
+    options = {};
+  }
+  const plugin = (editifyInstance, color2, editTrans) => {
+    return {
+      //附件菜单项配置
+      menu: {
+        sequence: {
+          attachment: options.sequence || 100
+        },
+        extends: {
+          attachment: {
+            type: "select",
+            title: options.title || editTrans("insertAttachment"),
+            leftBorder: options.leftBorder,
+            rightBorder: options.rightBorder,
+            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) => {
+                const attachmentElement = new AlexElement("closed", "span", { "data-attachment": url, contenteditable: "false" }, null, null);
+                const editor = editifyInstance.exposed.editor.value;
+                editor.insertElement(attachmentElement);
+                editor.range.anchor.moveToEnd(attachmentElement);
+                editor.range.focus.moveToEnd(attachmentElement);
+                editor.formatElementStack();
+                editor.domRender();
+                editor.rangeRender();
+                btnInstance.show = false;
+              }
+            })
+          }
+        }
+      },
+      //找到附件元素点击下载
+      updateView: () => {
+        const editor = editifyInstance.exposed.editor.value;
+        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", () => {
+              const url = el.marks["data-attachment"];
+              const a = document.createElement("a");
+              a.setAttribute("href", url);
+              a.setAttribute("download", editTrans("attachmentDownloadName"));
+              a.click();
+            });
+          }
+        });
+      },
+      //span含有data-attachment的元素设为自闭合元素
+      customParseNode: (el) => {
+        if (el.hasMarks() && el.marks["data-attachment"] && el.parsedom == "span") {
+          el.type = "closed";
+        }
+        return el;
+      },
+      //span元素粘贴保留data-attachment
+      pasteKeepMarks: {
+        "data-attachment": ["span"]
+      },
+      //设置元素的title属性标记
+      renderRule: (el) => {
+        if (el.type == "closed" && el.hasMarks() && el.marks["data-attachment"]) {
+          el.marks["title"] = editTrans("downloadAttachment");
+        }
+      }
+    };
+  };
+  return plugin;
+};
 const install = (app) => {
   app.component(Editify.name, Editify);
 };
+const version = "0.1.23";
 export {
   AlexElement,
   Editify,
+  attachment,
   install as default,
   elementIsInList,
   elementIsInTask,