vue-editify 0.0.38 → 0.0.40

package/examples/App.vue

@@ -1,6 +1,6 @@
 <template>
 	<div style="padding: 100px 50px 50px 50px">
-		<editify v-model="value" placeholder="请输入正文内容..." allow-paste-html border @change="change" :menu="menuConfig" ref="editify" height="400px" @after-render="afterRender" :paste-keep-marks="{ 'data-zip': ['span'] }" :custom-parse-node="parseNode" :renderRules="renderRules"></editify>
+		<editify v-model="value" placeholder="请输入正文内容..." allow-paste-html border @change="change" :menu="menuConfig" ref="editify" height="400px" @after-render="afterRender" :paste-keep-marks="{ 'data-zip': ['span'] }" autofocus :custom-parse-node="parseNode" show-word-length></editify>
 	</div>
 </template>
 <script>
@@ -11,9 +11,9 @@ export default {
 	name: 'App',
 	data() {
 		return {
-			value: '<p><span>这是一个基于 </span><code>Vue3 + alex-editor</code><span> 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: #ec1a0a;">富文本编辑器</span></p>',
+			value: '<p><span>这是一个基于<img src="https://www.ling0523.cn/images/image_0_1701164609409.jpg"/> </span><code>Vue3 + alex-editor</code><span> 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: #ec1a0a;">富文本编辑器</span></p>',
 			menuConfig: {
-				//mode: 'inner',
+				mode: 'inner',
 				sequence: {
 					alert: 100,
 					zip: 101
@@ -92,18 +92,19 @@ export default {
 					}
 				}
 			},
-			btn: null,
-			renderRules: [
-				el => {
-					console.log(el)
-				}
-			]
+			btn: null
 		}
 	},
 	mounted() {
 		// setTimeout(() => {
 		// 	this.value = '<p><br></p>'
 		// }, 3000)
+		setTimeout(() => {
+			const el = this.$refs.editify.editor.getElementByKey(4)
+			this.$refs.editify.editor.range.anchor.moveToStart(el)
+			this.$refs.editify.editor.range.focus.moveToStart(el)
+			this.$refs.editify.editor.rangeRender()
+		}, 100)
 	},
 	methods: {
 		afterRender() {
@@ -124,10 +125,10 @@ export default {
 			return ele
 		},
 		change() {
-			console.log(this.$refs.editify.textValue)
+			//console.log(this.$refs.editify.textValue)
 		},
 		operate(name, val) {
-			console.log('触发operate事件', name, val)
+			//console.log('触发operate事件', name, val)
 		}
 	}
 }

package/lib/editify.es.js

@@ -3865,11 +3865,12 @@ class AlexEditor {
             const index = elements.findIndex((item) => {
               return this.range.anchor.element.isEqual(item);
             });
+            const offset = this.range.anchor.offset;
             this.range.focus.moveToEnd(block);
             this.delete();
             const newElements = AlexElement.flatElements(newBlock.children);
             this.range.focus.element = newElements[index];
-            this.range.focus.offset = this.range.anchor.offset;
+            this.range.focus.offset = offset;
             this.range.anchor.moveToStart(newBlock);
             this.delete();
             this.emit("insertParagraph", newBlock, block);
@@ -17290,7 +17291,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 2);
 }
 const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-5ed6cd4d"]]);
-const Button_vue_vue_type_style_index_0_scoped_ea3e1e88_lang = "";
+const Button_vue_vue_type_style_index_0_scoped_32253355_lang = "";
 const _sfc_main$9 = {
   name: "Button",
   emits: ["operate", "layerShow", "layerShown", "layerHidden"],
@@ -17613,7 +17614,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
         border: "",
         fade: "",
         placement: "bottom-start",
-        "z-index": 20,
+        "z-index": 12,
         animation: "translate",
         onShow: $options.layerShow,
         onShown: $options.layerShown,
@@ -17654,7 +17655,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ]);
 }
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-ea3e1e88"]]);
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-32253355"]]);
 const Checkbox_vue_vue_type_style_index_0_scoped_50cd9e6c_lang = "";
 const _sfc_main$8 = {
   name: "Checkbox",
@@ -19987,7 +19988,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 const InsertTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-227ede65"]]);
-const Menu_vue_vue_type_style_index_0_scoped_42f60b43_lang = "";
+const Menu_vue_vue_type_style_index_0_scoped_85cbaf03_lang = "";
 const _sfc_main$1 = {
   name: "Menu",
   props: {
@@ -21205,8 +21206,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }), 256))
   ], 14, _hoisted_1$1);
 }
-const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-42f60b43"]]);
-const Editify_vue_vue_type_style_index_0_scoped_744c85a9_lang = "";
+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 _sfc_main = {
   name: "editify",
   props: { ...editorProps },
@@ -21535,7 +21536,7 @@ const _sfc_main = {
           }
         }
       }
-      if (!obj.element.isContains(this.$el, e.target)) {
+      if (!obj.element.isContains(this.$el, e.target) && !this.isSourceView) {
         this.canUseMenu = false;
       }
     },
@@ -22824,7 +22825,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-744c85a9"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5506c37b"]]);
 const iconfont = "";
 const en_US = {
   textWrapUp: "Up feed",
@@ -23003,7 +23004,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.0.38";
+const version = "0.0.40";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));