vue-editify 0.1.12 → 0.1.13

package/examples/App.vue

@@ -1,7 +1,7 @@
 <template>
 	<div style="padding: 10px; height: 100%; box-sizing: border-box">
 		<button @click="handleClick">按钮</button>
-		<Editify ref="editify" border v-model="val" :menu="menuConfig" autoheight></Editify>
+		<Editify ref="editify" border v-model="val" :menu="menuConfig" style="height: 400px"></Editify>
 	</div>
 </template>
 <script setup lang="ts">
@@ -12,7 +12,7 @@ const val = ref<string>('<p><br></p>')
 const editify = ref<InstanceType<typeof Editify> | null>(null)
 const menuConfig = ref<MenuConfigType>({
 	use: true,
-	mode: 'fixed',
+	mode: 'inner',
 	image: {
 		accept: ['jpg'],
 		handleError: (error, file) => {

package/lib/editify.es.js

@@ -18620,6 +18620,9 @@ const getParsedomElementByElement = (element2, parsedom) => {
   return getParsedomElementByElement(element2.parent, parsedom);
 };
 const getCurrentParsedomElement = (editor, dataRangeCaches, parsedom) => {
+  if (!editor.range) {
+    return null;
+  }
   if (editor.range.anchor.element.isEqual(editor.range.focus.element)) {
     return getParsedomElementByElement(editor.range.anchor.element, parsedom);
   }
@@ -18672,6 +18675,9 @@ const isTask = function(element2) {
   return element2.parsedom == "div" && element2.hasMarks() && element2.marks.hasOwnProperty("data-editify-task");
 };
 const hasPreInRange = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     return !!getParsedomElementByElement(editor.range.anchor.element, "pre");
   }
@@ -18680,6 +18686,9 @@ const hasPreInRange = (editor, dataRangeCaches) => {
   });
 };
 const isRangeInPre = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     return !!getParsedomElementByElement(editor.range.anchor.element, "pre");
   }
@@ -18688,6 +18697,9 @@ const isRangeInPre = (editor, dataRangeCaches) => {
   });
 };
 const hasQuoteInRange = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     return !!getParsedomElementByElement(editor.range.anchor.element, "blockquote");
   }
@@ -18696,6 +18708,9 @@ const hasQuoteInRange = (editor, dataRangeCaches) => {
   });
 };
 const isRangeInQuote = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     return !!getParsedomElementByElement(editor.range.anchor.element, "blockquote");
   }
@@ -18704,6 +18719,9 @@ const isRangeInQuote = (editor, dataRangeCaches) => {
   });
 };
 const hasListInRange = (editor, dataRangeCaches, ordered = false) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     return elementIsInList(editor.range.anchor.element, ordered);
   }
@@ -18712,6 +18730,9 @@ const hasListInRange = (editor, dataRangeCaches, ordered = false) => {
   });
 };
 const isRangeInList = (editor, dataRangeCaches, ordered = false) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     return elementIsInList(editor.range.anchor.element, ordered);
   }
@@ -18720,6 +18741,9 @@ const isRangeInList = (editor, dataRangeCaches, ordered = false) => {
   });
 };
 const hasTaskInRange = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     return elementIsInTask(editor.range.anchor.element);
   }
@@ -18728,6 +18752,9 @@ const hasTaskInRange = (editor, dataRangeCaches) => {
   });
 };
 const isRangeInTask = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     return elementIsInTask(editor.range.anchor.element);
   }
@@ -18736,6 +18763,9 @@ const isRangeInTask = (editor, dataRangeCaches) => {
   });
 };
 const hasLinkInRange = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     return !!getParsedomElementByElement(editor.range.anchor.element, "a");
   }
@@ -18744,6 +18774,9 @@ const hasLinkInRange = (editor, dataRangeCaches) => {
   });
 };
 const hasTableInRange = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     return !!getParsedomElementByElement(editor.range.anchor.element, "table");
   }
@@ -18752,6 +18785,9 @@ const hasTableInRange = (editor, dataRangeCaches) => {
   });
 };
 const hasImageInRange = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     return !!getParsedomElementByElement(editor.range.anchor.element, "img");
   }
@@ -18760,6 +18796,9 @@ const hasImageInRange = (editor, dataRangeCaches) => {
   });
 };
 const hasVideoInRange = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     return !!getParsedomElementByElement(editor.range.anchor.element, "video");
   }
@@ -18768,6 +18807,9 @@ const hasVideoInRange = (editor, dataRangeCaches) => {
   });
 };
 const queryTextStyle = (editor, dataRangeCaches, name, value) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     if (editor.range.anchor.element.isText() && editor.range.anchor.element.hasStyles()) {
       return queryHasValue(editor.range.anchor.element.styles, name, value);
@@ -18789,6 +18831,9 @@ const queryTextStyle = (editor, dataRangeCaches, name, value) => {
   return flag;
 };
 const queryTextMark = (editor, dataRangeCaches, name, value) => {
+  if (!editor.range) {
+    return false;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     if (editor.range.anchor.element.isText() && editor.range.anchor.element.hasMarks()) {
       return queryHasValue(editor.range.anchor.element.marks, name, value);
@@ -18823,6 +18868,9 @@ const getRangeText = (dataRangeCaches) => {
   return text;
 };
 const getFlatElementsByRange = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return [];
+  }
   let length = dataRangeCaches.flatList.length;
   let elements = [];
   for (let i = 0; i < length; i++) {
@@ -18894,6 +18942,9 @@ const elementToTask = function(element2) {
   element2.marks["data-editify-task"] = "uncheck";
 };
 const setHeading = (editor, dataRangeCaches, editTrans, parsedom) => {
+  if (!editor.range) {
+    return;
+  }
   const values = getButtonOptionsConfig(editTrans).heading.map((item) => {
     return item.value;
   });
@@ -18918,6 +18969,9 @@ const setHeading = (editor, dataRangeCaches, editTrans, parsedom) => {
   }
 };
 const setIndentIncrease = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return;
+  }
   const fn = (element2) => {
     if (element2.hasStyles()) {
       if (element2.styles.hasOwnProperty("text-indent")) {
@@ -18958,6 +19012,9 @@ const setIndentIncrease = (editor, dataRangeCaches) => {
   }
 };
 const setIndentDecrease = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return;
+  }
   const fn = (element2) => {
     if (element2.hasStyles() && element2.styles.hasOwnProperty("text-indent")) {
       let val = element2.styles["text-indent"];
@@ -18990,6 +19047,9 @@ const setIndentDecrease = (editor, dataRangeCaches) => {
   }
 };
 const setQuote = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return;
+  }
   const flag = isRangeInQuote(editor, dataRangeCaches);
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     const block = editor.range.anchor.element.getBlock();
@@ -19015,6 +19075,9 @@ const setQuote = (editor, dataRangeCaches) => {
   }
 };
 const setAlign = (editor, dataRangeCaches, value) => {
+  if (!editor.range) {
+    return;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     const block = editor.range.anchor.element.getBlock();
     const inblock = editor.range.anchor.element.getInblock();
@@ -19070,6 +19133,9 @@ const setAlign = (editor, dataRangeCaches, value) => {
   }
 };
 const setList = (editor, dataRangeCaches, ordered) => {
+  if (!editor.range) {
+    return;
+  }
   const flag = isRangeInList(editor, dataRangeCaches, ordered);
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     const block = editor.range.anchor.element.getBlock();
@@ -19097,6 +19163,9 @@ const setList = (editor, dataRangeCaches, ordered) => {
   }
 };
 const setTask = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return;
+  }
   const flag = isRangeInTask(editor, dataRangeCaches);
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     const block = editor.range.anchor.element.getBlock();
@@ -19124,6 +19193,9 @@ const setTask = (editor, dataRangeCaches) => {
   }
 };
 const setTextStyle = (editor, dataRangeCaches, styles) => {
+  if (!editor.range) {
+    return;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     if (editor.range.anchor.element.isSpaceText()) {
       if (editor.range.anchor.element.hasStyles()) {
@@ -19160,6 +19232,9 @@ const setTextStyle = (editor, dataRangeCaches, styles) => {
   }
 };
 const setTextMark = (editor, dataRangeCaches, marks) => {
+  if (!editor.range) {
+    return;
+  }
   if (!common.isObject(marks)) {
     throw new Error("The argument must be an object");
   }
@@ -19199,6 +19274,9 @@ const setTextMark = (editor, dataRangeCaches, marks) => {
   }
 };
 const removeTextStyle = (editor, dataRangeCaches, styleNames) => {
+  if (!editor.range) {
+    return;
+  }
   const removeFn = (el) => {
     if (Array.isArray(styleNames)) {
       if (el.hasStyles()) {
@@ -19234,6 +19312,9 @@ const removeTextStyle = (editor, dataRangeCaches, styleNames) => {
   }
 };
 const removeTextMark = (editor, dataRangeCaches, markNames) => {
+  if (!editor.range) {
+    return;
+  }
   const removeFn = (el) => {
     if (Array.isArray(markNames)) {
       if (el.hasMarks()) {
@@ -19269,6 +19350,9 @@ const removeTextMark = (editor, dataRangeCaches, markNames) => {
   }
 };
 const setLineHeight = (editor, dataRangeCaches, value) => {
+  if (!editor.range) {
+    return;
+  }
   if (editor.range.anchor.isEqual(editor.range.focus)) {
     const block = editor.range.anchor.element.getBlock();
     const inblock = editor.range.anchor.element.getInblock();
@@ -19324,6 +19408,9 @@ const setLineHeight = (editor, dataRangeCaches, value) => {
   }
 };
 const insertLink = (editor, text, url, newOpen) => {
+  if (!editor.range) {
+    return;
+  }
   if (!text) {
     text = url;
   }
@@ -19339,6 +19426,9 @@ const insertLink = (editor, text, url, newOpen) => {
   editor.insertElement(linkEle);
 };
 const insertImage = (editor, value) => {
+  if (!editor.range) {
+    return;
+  }
   const image = new AlexElement(
     "closed",
     "img",
@@ -19351,6 +19441,9 @@ const insertImage = (editor, value) => {
   editor.insertElement(image);
 };
 const insertVideo = (editor, value) => {
+  if (!editor.range) {
+    return;
+  }
   const video = new AlexElement(
     "closed",
     "video",
@@ -19369,6 +19462,9 @@ const insertVideo = (editor, value) => {
   editor.range.focus.moveToEnd(rightSpace);
 };
 const insertTable = (editor, rowLength, colLength) => {
+  if (!editor.range) {
+    return;
+  }
   const table = new AlexElement("block", "table", null, null, null);
   const tbody = new AlexElement("inblock", "tbody", null, null, null);
   editor.addElementTo(tbody, table);
@@ -19391,6 +19487,9 @@ const insertTable = (editor, rowLength, colLength) => {
   editor.range.focus.moveToStart(tbody);
 };
 const insertCodeBlock = (editor, dataRangeCaches) => {
+  if (!editor.range) {
+    return;
+  }
   const pre = getCurrentParsedomElement(editor, dataRangeCaches, "pre");
   if (pre) {
     let content = "";
@@ -24872,7 +24971,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       removeScroll(contentRef.value);
     };
     const handleToolbar = () => {
-      if (props || isSourceView.value) {
+      if (props.disabled || isSourceView.value) {
         return;
       }
       hideToolbar();
@@ -25470,8 +25569,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5537a145"]]);
-const version = "0.1.12";
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-99f85ef5"]]);
+const version = "0.1.13";
 const install = (app) => {
   app.component(Editify.name, Editify);
 };