vue-editify 0.0.40 → 0.0.42

package/lib/editify.es.js

@@ -17869,7 +17869,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 const Colors = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-dc6d3d68"]]);
-const Toolbar_vue_vue_type_style_index_0_scoped_6b9cdbc6_lang = "";
+const Toolbar_vue_vue_type_style_index_0_scoped_29d60c70_lang = "";
 const _sfc_main$6 = {
   name: "Toolbar",
   emits: ["update:modelValue"],
@@ -18649,7 +18649,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Layer = resolveComponent("Layer");
   return openBlock(), createBlock(_component_Layer, {
     modelValue: $options.show,
-    "onUpdate:modelValue": _cache[23] || (_cache[23] = ($event) => $options.show = $event),
+    "onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => $options.show = $event),
     ref: "layer",
     node: $props.node,
     border: "",
@@ -18739,7 +18739,19 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["title", "tooltip", "color"]),
           createVNode(_component_Button, {
-            onOperate: _cache[9] || (_cache[9] = ($event) => _ctx.$parent.deleteByParsedom("img")),
+            onOperate: _cache[9] || (_cache[9] = ($event) => $options.setWidth("auto")),
+            name: "setAutoWidth",
+            title: $options.$editTrans("widthAuto"),
+            tooltip: $props.config.tooltip,
+            color: _ctx.$parent.color
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_Icon, { value: "auto-width" })
+            ]),
+            _: 1
+          }, 8, ["title", "tooltip", "color"]),
+          createVNode(_component_Button, {
+            onOperate: _cache[10] || (_cache[10] = ($event) => _ctx.$parent.deleteByParsedom("img")),
             name: "deleteImage",
             title: $options.$editTrans("deleteImage"),
             tooltip: $props.config.tooltip,
@@ -18752,7 +18764,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
           }, 8, ["title", "tooltip", "color"])
         ], 64)) : $props.type == "video" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           createVNode(_component_Button, {
-            onOperate: _cache[10] || (_cache[10] = ($event) => $options.setWidth("30%")),
+            onOperate: _cache[11] || (_cache[11] = ($event) => $options.setWidth("30%")),
             name: "set30Width",
             title: $options.$editTrans("width30"),
             tooltip: $props.config.tooltip,
@@ -18764,7 +18776,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["title", "tooltip", "color"]),
           createVNode(_component_Button, {
-            onOperate: _cache[11] || (_cache[11] = ($event) => $options.setWidth("50%")),
+            onOperate: _cache[12] || (_cache[12] = ($event) => $options.setWidth("50%")),
             name: "set50Width",
             title: $options.$editTrans("width50"),
             tooltip: $props.config.tooltip,
@@ -18776,8 +18788,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["title", "tooltip", "color"]),
           createVNode(_component_Button, {
-            rightBorder: "",
-            onOperate: _cache[12] || (_cache[12] = ($event) => $options.setWidth("100%")),
+            onOperate: _cache[13] || (_cache[13] = ($event) => $options.setWidth("100%")),
             name: "set100Width",
             title: $options.$editTrans("width100"),
             tooltip: $props.config.tooltip,
@@ -18788,6 +18799,19 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }, 8, ["title", "tooltip", "color"]),
+          createVNode(_component_Button, {
+            rightBorder: "",
+            onOperate: _cache[14] || (_cache[14] = ($event) => $options.setWidth("auto")),
+            name: "setAutoWidth",
+            title: $options.$editTrans("widthAuto"),
+            tooltip: $props.config.tooltip,
+            color: _ctx.$parent.color
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_Icon, { value: "auto-width" })
+            ]),
+            _: 1
+          }, 8, ["title", "tooltip", "color"]),
           createVNode(_component_Button, {
             onOperate: $options.setVideo,
             name: "autoplay",
@@ -18844,7 +18868,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["onOperate", "title", "tooltip", "color"]),
           createVNode(_component_Button, {
-            onOperate: _cache[13] || (_cache[13] = ($event) => _ctx.$parent.deleteByParsedom("video")),
+            onOperate: _cache[15] || (_cache[15] = ($event) => _ctx.$parent.deleteByParsedom("video")),
             name: "deleteVideo",
             title: $options.$editTrans("deleteVideo"),
             tooltip: $props.config.tooltip,
@@ -18857,7 +18881,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
           }, 8, ["title", "tooltip", "color"])
         ], 64)) : $props.type == "table" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           createVNode(_component_Button, {
-            onOperate: _cache[14] || (_cache[14] = ($event) => $options.insertParagraphWithTable("up")),
+            onOperate: _cache[16] || (_cache[16] = ($event) => $options.insertParagraphWithTable("up")),
             name: "textWrapUp",
             title: $options.$editTrans("textWrapUp"),
             tooltip: $props.config.tooltip,
@@ -18872,7 +18896,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["title", "tooltip", "color"]),
           createVNode(_component_Button, {
-            onOperate: _cache[15] || (_cache[15] = ($event) => $options.insertParagraphWithTable("down")),
+            onOperate: _cache[17] || (_cache[17] = ($event) => $options.insertParagraphWithTable("down")),
             rightBorder: "",
             name: "textWrapDown",
             title: $options.$editTrans("textWrapDown"),
@@ -18885,7 +18909,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["title", "tooltip", "color"]),
           createVNode(_component_Button, {
-            onOperate: _cache[16] || (_cache[16] = ($event) => $options.insertTableRow("up")),
+            onOperate: _cache[18] || (_cache[18] = ($event) => $options.insertTableRow("up")),
             name: "insertRowTop",
             title: $options.$editTrans("insertRowTop"),
             tooltip: $props.config.tooltip,
@@ -18897,7 +18921,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["title", "tooltip", "color"]),
           createVNode(_component_Button, {
-            onOperate: _cache[17] || (_cache[17] = ($event) => $options.insertTableRow("down")),
+            onOperate: _cache[19] || (_cache[19] = ($event) => $options.insertTableRow("down")),
             name: "insertRowBottom",
             title: $options.$editTrans("insertRowBottom"),
             tooltip: $props.config.tooltip,
@@ -18922,7 +18946,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["onOperate", "title", "tooltip", "color"]),
           createVNode(_component_Button, {
-            onOperate: _cache[18] || (_cache[18] = ($event) => $options.insertTableColumn("left")),
+            onOperate: _cache[20] || (_cache[20] = ($event) => $options.insertTableColumn("left")),
             name: "insertColumnLeft",
             title: $options.$editTrans("insertColumnLeft"),
             tooltip: $props.config.tooltip,
@@ -18934,7 +18958,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["title", "tooltip", "color"]),
           createVNode(_component_Button, {
-            onOperate: _cache[19] || (_cache[19] = ($event) => $options.insertTableColumn("right")),
+            onOperate: _cache[21] || (_cache[21] = ($event) => $options.insertTableColumn("right")),
             name: "insertColumnRight",
             title: $options.$editTrans("insertColumnRight"),
             tooltip: $props.config.tooltip,
@@ -18959,7 +18983,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["onOperate", "title", "tooltip", "color"]),
           createVNode(_component_Button, {
-            onOperate: _cache[20] || (_cache[20] = ($event) => _ctx.$parent.deleteByParsedom("table")),
+            onOperate: _cache[22] || (_cache[22] = ($event) => _ctx.$parent.deleteByParsedom("table")),
             name: "deleteTable",
             title: $options.$editTrans("deleteTable"),
             tooltip: $props.config.tooltip,
@@ -18973,7 +18997,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         ], 64)) : createCommentVNode("", true),
         $props.type == "codeBlock" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
           createVNode(_component_Button, {
-            onOperate: _cache[21] || (_cache[21] = ($event) => $options.insertParagraphWithPre("up")),
+            onOperate: _cache[23] || (_cache[23] = ($event) => $options.insertParagraphWithPre("up")),
             name: "textWrapUp",
             title: $options.$editTrans("textWrapUp"),
             tooltip: $props.config.tooltip,
@@ -18988,7 +19012,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             _: 1
           }, 8, ["title", "tooltip", "color"]),
           createVNode(_component_Button, {
-            onOperate: _cache[22] || (_cache[22] = ($event) => $options.insertParagraphWithPre("down")),
+            onOperate: _cache[24] || (_cache[24] = ($event) => $options.insertParagraphWithPre("down")),
             name: "textWrapDown",
             title: $options.$editTrans("textWrapDown"),
             tooltip: $props.config.tooltip,
@@ -19340,7 +19364,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["modelValue", "node", "onShow", "useRange"]);
 }
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-6b9cdbc6"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-29d60c70"]]);
 const InsertLink_vue_vue_type_style_index_0_scoped_e6c3c2ee_lang = "";
 const _sfc_main$5 = {
   name: "InsertLink",
@@ -21207,7 +21231,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   ], 14, _hoisted_1$1);
 }
 const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-85cbaf03"]]);
-const Editify_vue_vue_type_style_index_0_scoped_5506c37b_lang = "";
+const Editify_vue_vue_type_style_index_0_scoped_6e31db33_lang = "";
 const _sfc_main = {
   name: "editify",
   props: { ...editorProps },
@@ -21877,7 +21901,7 @@ const _sfc_main = {
       return null;
     },
     //api：删除光标所在的指定标签元素
-    deleteByParsedom(parsedom) {
+    deleteByParsedom(parsedom, isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -21887,13 +21911,15 @@ const _sfc_main = {
       const element2 = this.getCurrentParsedomElement(parsedom);
       if (element2) {
         element2.toEmpty();
-        this.editor.formatElementStack();
-        this.editor.domRender();
-        this.editor.rangeRender();
+        if (isRender) {
+          this.editor.formatElementStack();
+          this.editor.domRender();
+          this.editor.rangeRender();
+        }
       }
     },
     //api：当光标在链接上时可以移除链接
-    removeLink() {
+    removeLink(isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -21905,13 +21931,15 @@ const _sfc_main = {
         link.parsedom = AlexElement.TEXT_NODE;
         delete link.marks.target;
         delete link.marks.href;
-        this.editor.formatElementStack();
-        this.editor.domRender();
-        this.editor.rangeRender();
+        if (isRender) {
+          this.editor.formatElementStack();
+          this.editor.domRender();
+          this.editor.rangeRender();
+        }
       }
     },
     //api：设置标题
-    setHeading(parsedom) {
+    setHeading(parsedom, isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -21941,12 +21969,14 @@ const _sfc_main = {
           }
         });
       }
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：插入有序列表 ordered为true表示有序列表
-    setList(ordered) {
+    setList(ordered, isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -21980,12 +22010,14 @@ const _sfc_main = {
           }
         });
       }
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：插入任务列表
-    setTask() {
+    setTask(isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -22019,12 +22051,14 @@ const _sfc_main = {
           }
         });
       }
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：设置样式
-    setTextStyle(name, value) {
+    setTextStyle(name, value, isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -22039,16 +22073,18 @@ const _sfc_main = {
         styles[name] = value;
         this.editor.setTextStyle(styles);
       }
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：查询是否具有某个样式
     queryTextStyle(name, value, useCache) {
       return this.editor.queryTextStyle(name, value, useCache);
     },
     //api：设置标记
-    setTextMark(name, value) {
+    setTextMark(name, value, isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -22063,16 +22099,18 @@ const _sfc_main = {
         marks[name] = value;
         this.editor.setTextMark(marks);
       }
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：查询是否具有某个标记
     queryTextMark(name, value, useCache) {
       return this.editor.queryTextMark(name, value, useCache);
     },
     //api：清除文本样式和标记
-    formatText() {
+    formatText(isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -22081,12 +22119,14 @@ const _sfc_main = {
       }
       this.editor.removeTextStyle();
       this.editor.removeTextMark();
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：设置对齐方式,参数取值justify/left/right/center
-    setAlign(value) {
+    setAlign(value, isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -22147,9 +22187,11 @@ const _sfc_main = {
           }
         });
       }
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：撤销
     undo() {
@@ -22182,7 +22224,7 @@ const _sfc_main = {
       }
     },
     //api：插入引用
-    setQuote() {
+    setQuote(isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -22214,12 +22256,14 @@ const _sfc_main = {
           }
         });
       }
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：设置行高
-    setLineHeight(value) {
+    setLineHeight(value, isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -22280,12 +22324,14 @@ const _sfc_main = {
           }
         });
       }
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：增加缩进
-    setIndentIncrease() {
+    setIndentIncrease(isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -22331,12 +22377,14 @@ const _sfc_main = {
           }
         });
       }
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：减少缩进
-    setIndentDecrease() {
+    setIndentDecrease(isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -22374,9 +22422,11 @@ const _sfc_main = {
           }
         });
       }
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：插入图片
     insertImage(url2, isRender = true) {
@@ -22542,7 +22592,7 @@ const _sfc_main = {
         }
       });
     },
-    //选区是否含有图片
+    //api：选区是否含有图片
     hasImage() {
       if (!this.editor.range) {
         return false;
@@ -22555,7 +22605,7 @@ const _sfc_main = {
         return item.element.isClosed() && item.element.parsedom == "img";
       });
     },
-    //选区是否含有视频
+    //api：选区是否含有视频
     hasVideo() {
       if (!this.editor.range) {
         return false;
@@ -22626,7 +22676,7 @@ const _sfc_main = {
       });
     },
     //api：创建一个空的表格
-    insertTable(rowLength, colLength) {
+    insertTable(rowLength, colLength, isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -22651,14 +22701,16 @@ const _sfc_main = {
       const breakEl = new AlexElement("closed", "br", null, null, null);
       this.editor.addElementTo(breakEl, paragraph);
       this.editor.addElementAfter(paragraph, table);
-      this.editor.formatElementStack();
       this.editor.range.anchor.moveToStart(tbody);
       this.editor.range.focus.moveToStart(tbody);
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：插入代码块
-    insertCodeBlock() {
+    insertCodeBlock(isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -22729,12 +22781,14 @@ const _sfc_main = {
           this.editor.addElementAfter(paragraph, pre2);
         }
       }
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：插入文本
-    insertText(text2) {
+    insertText(text2, isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -22742,12 +22796,14 @@ const _sfc_main = {
         return;
       }
       this.editor.insertText(text2);
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     },
     //api：插入html
-    insertHtml(html) {
+    insertHtml(html, isRender = true) {
       if (this.disabled) {
         return;
       }
@@ -22758,9 +22814,11 @@ const _sfc_main = {
       for (let i = 0; i < elements.length; i++) {
         this.editor.insertElement(elements[i], false);
       }
-      this.editor.formatElementStack();
-      this.editor.domRender();
-      this.editor.rangeRender();
+      if (isRender) {
+        this.editor.formatElementStack();
+        this.editor.domRender();
+        this.editor.rangeRender();
+      }
     }
   },
   beforeUnmount() {
@@ -22825,7 +22883,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ]);
 }
-const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5506c37b"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-6e31db33"]]);
 const iconfont = "";
 const en_US = {
   textWrapUp: "Up feed",
@@ -22909,7 +22967,8 @@ const en_US = {
   alignCenter: "Align center",
   alignRight: "Align right",
   alignJustify: "Align justify",
-  defaultLineHeight: "Default"
+  defaultLineHeight: "Default",
+  widthAuto: "auto"
 };
 const zh_CN = {
   textWrapUp: "向上换行",
@@ -22993,7 +23052,8 @@ const zh_CN = {
   alignCenter: "居中对齐",
   alignRight: "右对齐",
   alignJustify: "两端对齐",
-  defaultLineHeight: "默认行高"
+  defaultLineHeight: "默认行高",
+  widthAuto: "宽度自适应"
 };
 const translations = {
   zh_CN,
@@ -23004,7 +23064,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.0.40";
+const version = "0.0.42";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));
@@ -23018,6 +23078,6 @@ const stdin_default = {
 export {
   AlexElement,
   stdin_default as default,
-  install,
+  install as editify,
   version
 };