vue-editify 0.0.23 → 0.0.25

package/README.md

@@ -1,3 +1,3 @@
-#### 基于 Vue3 的 web 富文本编辑器，提供丰富的功能和精美的 UI
-
-> 具体使用方法请参阅：[editify](https://www.ling0523.cn/editify/)
+#### 基于 Vue3 的 web 富文本编辑器，提供丰富的功能和精美的 UI
+
+> 具体使用方法请参阅：[editify](https://www.ling0523.cn/editify/start/)

package/examples/App.vue

@@ -1,87 +1,90 @@
-<template>
-	<div style="padding: 100px 50px 50px 50px">
-		<editify v-model="value" placeholder="请输入正文内容..." allow-paste-html border @change="change" :menu="menuConfig" ref="editify"></editify>
-	</div>
-</template>
-<script>
-import { h } from 'vue'
-export default {
-	name: 'App',
-	data() {
-		return {
-			value: '<p><span>这是一个基于 </span><span data-editify-code="true">Vue3 + alex-editor</span><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: {
-				sequence: {
-					alert: 100
-				},
-				table: {
-					maxRows: 20,
-					maxColumns: 20
-				},
-				extends: {
-					alert: {
-						title: '自定义菜单按钮',
-						leftBorder: true,
-						rightBorder: false,
-						disabled: false,
-						active: false,
-						type: 'select',
-						options: [
-							{
-								label: '自定义功能1',
-								value: '1',
-								style: {
-									color: '#f30'
-								}
-							},
-							{
-								label: '自定义功能2',
-								value: '2',
-								style: {
-									fontWeight: 'bold'
-								}
-							},
-							{
-								label: '自定义功能3',
-								value: '3'
-							}
-						],
-						onOperate: function (name, val, instance) {
-							console.log(name, val, instance)
-						},
-						default: () => h('span', {}, '自定义菜单')
-					}
-				}
-			},
-			btn: null
-		}
-	},
-	mounted() {
-		// setTimeout(() => {
-		// 	this.value = '<p><br></p>'
-		// }, 3000)
-	},
-	methods: {
-		change() {
-			console.log(this.$refs.editify.textValue)
-		},
-		operate(name, val) {
-			console.log('触发operate事件', name, val)
-		}
-	}
-}
-</script>
-<style lang="less">
-html,
-body {
-	height: 100%;
-}
-body {
-	margin: 0;
-}
-
-#app {
-	height: 100%;
-	overflow: auto;
-}
-</style>
+<template>
+	<div style="padding: 100px 50px 50px 50px">
+		<editify v-model="value" placeholder="请输入正文内容..." allow-paste-html border @change="change" :menu="menuConfig" ref="editify"></editify>
+	</div>
+</template>
+<script>
+import { h } from 'vue'
+export default {
+	name: 'App',
+	data() {
+		return {
+			value: '<p><span>这是一个基于 </span><span data-editify-code="true">Vue3 + alex-editor</span><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: {
+				sequence: {
+					alert: 100
+				},
+				table: {
+					maxRows: 20,
+					maxColumns: 20
+				},
+				sourceView: {
+					show: true
+				},
+				extends: {
+					alert: {
+						title: '自定义菜单按钮',
+						leftBorder: true,
+						rightBorder: false,
+						disabled: false,
+						active: false,
+						type: 'select',
+						options: [
+							{
+								label: '自定义功能1',
+								value: '1',
+								style: {
+									color: '#f30'
+								}
+							},
+							{
+								label: '自定义功能2',
+								value: '2',
+								style: {
+									fontWeight: 'bold'
+								}
+							},
+							{
+								label: '自定义功能3',
+								value: '3'
+							}
+						],
+						onOperate: function (name, val, instance) {
+							console.log(name, val, instance)
+						},
+						default: () => h('span', {}, '自定义菜单')
+					}
+				}
+			},
+			btn: null
+		}
+	},
+	mounted() {
+		// setTimeout(() => {
+		// 	this.value = '<p><br></p>'
+		// }, 3000)
+	},
+	methods: {
+		change() {
+			console.log(this.$refs.editify.textValue)
+		},
+		operate(name, val) {
+			console.log('触发operate事件', name, val)
+		}
+	}
+}
+</script>
+<style lang="less">
+html,
+body {
+	height: 100%;
+}
+body {
+	margin: 0;
+}
+
+#app {
+	height: 100%;
+	overflow: auto;
+}
+</style>

package/examples/main.js

@@ -1,4 +1,4 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import Editify from '../src'
-createApp(App).use(Editify, { locale: 'zh_CN' }).mount('#app')
+import { createApp } from 'vue'
+import App from './App.vue'
+import Editify from '../src'
+createApp(App).use(Editify, { locale: 'zh_CN' }).mount('#app')

package/lib/editify.es.js

@@ -4385,7 +4385,7 @@ class AlexEditor {
    */
   getElementsByRange(includes = false, flat = false) {
     if (!this.range) {
-      return;
+      return [];
     }
     if (this.range.anchor.isEqual(this.range.focus)) {
       return [];
@@ -4496,7 +4496,7 @@ class AlexEditor {
    */
   splitElementsByRange(includes = false, flat = false) {
     if (!this.range) {
-      return;
+      return [];
     }
     const result = this.getElementsByRange(includes, flat);
     let elements = [];
@@ -16419,7 +16419,7 @@ const getMenuConfig = function(editTrans, editLocale) {
     extends: {}
   };
 };
-const Triangle_vue_vue_type_style_index_0_scoped_70b6f344_lang = "";
+const Triangle_vue_vue_type_style_index_0_scoped_c7bb62b7_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -16509,8 +16509,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 4)
   ], 12, _hoisted_1$c);
 }
-const Triangle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-70b6f344"]]);
-const Layer_vue_vue_type_style_index_0_scoped_503cf323_lang = "";
+const Triangle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-c7bb62b7"]]);
+const Layer_vue_vue_type_style_index_0_scoped_78f5589a_lang = "";
 const _sfc_main$c = {
   name: "Layer",
   emits: ["update:modelValue", "show", "shown", "hidden"],
@@ -17139,8 +17139,8 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["name", "onEnter", "onAfterEnter", "onAfterLeave"]);
 }
-const Layer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-503cf323"]]);
-const Tooltip_vue_vue_type_style_index_0_scoped_5293a020_lang = "";
+const Layer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-78f5589a"]]);
+const Tooltip_vue_vue_type_style_index_0_scoped_3b8ba3fe_lang = "";
 const _sfc_main$b = {
   name: "Tooltip",
   props: {
@@ -17219,8 +17219,8 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["modelValue", "node"])
   ], 34);
 }
-const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-5293a020"]]);
-const Icon_vue_vue_type_style_index_0_scoped_5ed6cd4d_lang = "";
+const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-3b8ba3fe"]]);
+const Icon_vue_vue_type_style_index_0_scoped_c5a1759c_lang = "";
 const _sfc_main$a = {
   name: "Icon",
   props: {
@@ -17236,8 +17236,8 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["editify-icon", "editify-icon-" + $props.value])
   }, 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_f88c4b88_lang = "";
+const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-c5a1759c"]]);
+const Button_vue_vue_type_style_index_0_scoped_20160dd8_lang = "";
 const _sfc_main$9 = {
   name: "Button",
   emits: ["operate", "layerShow", "layerShown", "layerHidden"],
@@ -17601,8 +17601,8 @@ 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-f88c4b88"]]);
-const Checkbox_vue_vue_type_style_index_0_scoped_50cd9e6c_lang = "";
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-20160dd8"]]);
+const Checkbox_vue_vue_type_style_index_0_scoped_37d04875_lang = "";
 const _sfc_main$8 = {
   name: "Checkbox",
   emits: ["update:modelValue", "change"],
@@ -17731,8 +17731,8 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, _hoisted_3$7)) : createCommentVNode("", true)
   ], 2);
 }
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-50cd9e6c"]]);
-const Colors_vue_vue_type_style_index_0_scoped_dc6d3d68_lang = "";
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-37d04875"]]);
+const Colors_vue_vue_type_style_index_0_scoped_efd4da01_lang = "";
 const _sfc_main$7 = {
   name: "Colors",
   emits: ["change"],
@@ -17814,8 +17814,8 @@ 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 Colors = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-efd4da01"]]);
+const Toolbar_vue_vue_type_style_index_0_scoped_6a227831_lang = "";
 const _sfc_main$6 = {
   name: "Toolbar",
   emits: ["update:modelValue"],
@@ -19286,8 +19286,8 @@ 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 InsertLink_vue_vue_type_style_index_0_scoped_e6c3c2ee_lang = "";
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-6a227831"]]);
+const InsertLink_vue_vue_type_style_index_0_scoped_abb39368_lang = "";
 const _sfc_main$5 = {
   name: "InsertLink",
   emits: ["insert"],
@@ -19397,8 +19397,8 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const InsertLink = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-e6c3c2ee"]]);
-const InsertImage_vue_vue_type_style_index_0_scoped_d4e3209e_lang = "";
+const InsertLink = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-abb39368"]]);
+const InsertImage_vue_vue_type_style_index_0_scoped_69363d50_lang = "";
 const _sfc_main$4 = {
   name: "InsertImage",
   emits: ["change", "insert"],
@@ -19608,8 +19608,8 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     ]))
   ]);
 }
-const InsertImage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-d4e3209e"]]);
-const InsertVideo_vue_vue_type_style_index_0_scoped_cbc84525_lang = "";
+const InsertImage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-69363d50"]]);
+const InsertVideo_vue_vue_type_style_index_0_scoped_249f2a7e_lang = "";
 const _sfc_main$3 = {
   name: "InsertVideo",
   emits: ["change", "insert"],
@@ -19819,8 +19819,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ]))
   ]);
 }
-const InsertVideo = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-cbc84525"]]);
-const InsertTable_vue_vue_type_style_index_0_scoped_227ede65_lang = "";
+const InsertVideo = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-249f2a7e"]]);
+const InsertTable_vue_vue_type_style_index_0_scoped_1b7b51c8_lang = "";
 const _sfc_main$2 = {
   name: "InsertTable",
   emits: ["insert"],
@@ -19903,7 +19903,7 @@ const _sfc_main$2 = {
     }
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-227ede65"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-1b7b51c8"), 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));
@@ -19933,8 +19933,8 @@ 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_3fc2d533_lang = "";
+const InsertTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-1b7b51c8"]]);
+const Menu_vue_vue_type_style_index_0_scoped_9c105635_lang = "";
 const _sfc_main$1 = {
   name: "Menu",
   props: {
@@ -21152,8 +21152,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-3fc2d533"]]);
-const Editify_vue_vue_type_style_index_0_scoped_e9c5b94e_lang = "";
+const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-9c105635"]]);
+const Editify_vue_vue_type_style_index_0_scoped_c1e25ea0_lang = "";
 const _sfc_main = {
   name: "editify",
   props: { ...editorProps },
@@ -22750,7 +22750,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-e9c5b94e"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c1e25ea0"]]);
 const iconfont = "";
 const en_US = {
   textWrapUp: "Up feed",
@@ -22929,7 +22929,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.0.23";
+const version = "0.0.25";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));