vue-editify 0.1.19 → 0.1.21

package/lib/editify.es.js

@@ -3539,7 +3539,7 @@ class AlexEditor {
           this.insertElement(text);
           this.range.anchor.moveToEnd(text);
           this.range.focus.moveToEnd(text);
-          this.emit("insertParagraph", null, inblock);
+          this.emit("insertParagraph", inblock, inblock);
         } else if (inblock.behavior == "block") {
           if (this.range.anchor.offset == 0 && !(previousElement && inblock.isContains(previousElement))) {
             const paragraph = inblock.clone(false);
@@ -3579,7 +3579,7 @@ class AlexEditor {
           this.insertElement(text);
           this.range.anchor.moveToEnd(text);
           this.range.focus.moveToEnd(text);
-          this.emit("insertParagraph", null, block);
+          this.emit("insertParagraph", block, block);
         } else {
           if (this.range.anchor.offset == 0 && !(previousElement && block.isContains(previousElement))) {
             const paragraph = block.clone(false);
@@ -18815,9 +18815,15 @@ const elementIsInTask = (element2) => {
   return false;
 };
 const isList = function(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) {
+  if (element2.isEmpty()) {
+    return false;
+  }
   return element2.parsedom == "div" && element2.hasMarks() && element2.marks.hasOwnProperty("data-editify-task");
 };
 const hasPreInRange = (editor, dataRangeCaches) => {
@@ -20003,7 +20009,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Triangle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-c92dc653"]]);
+const Triangle = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-e1abc967"]]);
 const LayerProps = {
   //是否显示
   modelValue: {
@@ -20607,7 +20613,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               ref_key: "wrapRef",
               ref: wrapRef,
-              class: normalizeClass(["editify-layer-wrap", { border: _ctx.border }]),
+              class: normalizeClass(["editify-layer-wrap", { "editify-border": _ctx.border }]),
               style: normalizeStyle(wrapStyle.value)
             }, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -20619,7 +20625,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Layer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-a390950f"]]);
+const Layer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-09578d83"]]);
 const TooltipProps = {
   //提示内容
   content: {
@@ -20662,7 +20668,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["editify-tooltip", { block: _ctx.block }])
+        class: normalizeClass(["editify-tooltip", { "editify-block": _ctx.block }])
       }, [
         createElementVNode("div", {
           ref_key: "targetRef",
@@ -20695,7 +20701,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-92a30ff2"]]);
+const Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-7b5e30d1"]]);
 const IconProps = {
   //图标值
   value: {
@@ -20717,7 +20723,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-a639e8dc"]]);
+const Icon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-6e00035b"]]);
 const ButtonProps = {
   //按钮类型
   type: {
@@ -20947,7 +20953,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createElementVNode("div", {
-          class: normalizeClass(["editify-button-wrap", { "right-border": _ctx.rightBorder, "left-border": _ctx.leftBorder }])
+          class: normalizeClass(["editify-button-wrap", { "editify-right-border": _ctx.rightBorder, "editify-left-border": _ctx.leftBorder }])
         }, [
           createVNode(Tooltip, {
             content: _ctx.title,
@@ -20958,7 +20964,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 ref_key: "btnRef",
                 ref: btnRef,
                 style: normalizeStyle(btnStyle.value),
-                class: normalizeClass(["editify-button-el", { disabled: _ctx.disabled, active: _ctx.active }]),
+                class: normalizeClass(["editify-button-el", { "editify-disabled": _ctx.disabled, "editify-active": _ctx.active }]),
                 onMouseenter: _cache[0] || (_cache[0] = ($event) => status.value = "hover"),
                 onMouseleave: _cache[1] || (_cache[1] = ($event) => status.value = null),
                 onMousedown: _cache[2] || (_cache[2] = ($event) => status.value = "down"),
@@ -20971,7 +20977,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 _ctx.type == "select" || _ctx.type == "display" ? (openBlock(), createBlock(Icon, {
                   key: 2,
                   value: "caret-down",
-                  class: normalizeClass(["editify-button-caret", { rotate: show.value }])
+                  class: normalizeClass(["editify-button-caret", { "editify-rotate": show.value }])
                 }, null, 8, ["class"])) : createCommentVNode("", true)
               ], 38)
             ]),
@@ -21004,7 +21010,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                   (openBlock(true), createElementBlock(Fragment, null, renderList(cmpOptions.value, (item) => {
                     return openBlock(), createElementBlock("div", {
                       onClick: ($event) => select(item),
-                      class: normalizeClass(["editify-button-option", { active: _ctx.type == "display" ? item.value == parseDisplayConfig.value.value : false }]),
+                      class: normalizeClass(["editify-button-option", { "editify-active": _ctx.type == "display" ? item.value == parseDisplayConfig.value.value : false }]),
                       style: normalizeStyle(item.style || "")
                     }, [
                       _ctx.$slots.option ? renderSlot(_ctx.$slots, "option", {
@@ -21029,7 +21035,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-73d00a90"]]);
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-3656b737"]]);
 const CheckboxProps = {
   //是否禁用
   disabled: {
@@ -21124,7 +21130,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["editify-checkbox", { disabled: _ctx.disabled }])
+        class: normalizeClass(["editify-checkbox", { "editify-disabled": _ctx.disabled }])
       }, [
         _ctx.placement == "left" && _ctx.label ? (openBlock(), createElementBlock("span", {
           key: 0,
@@ -21140,7 +21146,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           type: "checkbox"
         }, null, 40, _hoisted_2$7),
         createElementVNode("span", {
-          class: normalizeClass(["editify-checkbox-item", { reverse: !_ctx.color, round: _ctx.round, checked: check.value && !_ctx.disabled }]),
+          class: normalizeClass(["editify-checkbox-item", { "editify-reverse": !_ctx.color, "editify-round": _ctx.round, "editify-checked": check.value && !_ctx.disabled }]),
           style: normalizeStyle(itemStyle.value)
         }, [
           createVNode(Icon, {
@@ -21158,7 +21164,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-dae0c4a0"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-d99c609b"]]);
 const ColorsProps = {
   //颜色数组
   data: {
@@ -21211,7 +21217,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2$6, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
             return openBlock(), createElementBlock("div", {
-              class: normalizeClass(["editify-color", { active: _ctx.value == item.value }]),
+              class: normalizeClass(["editify-color", { "editify-active": _ctx.value == item.value }]),
               style: normalizeStyle({ borderColor: _ctx.value == item.value ? _ctx.color : "" })
             }, [
               createVNode(Tooltip, {
@@ -21235,7 +21241,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Colors = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-8be143e5"]]);
+const Colors = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-514d2263"]]);
 const ToolbarProps = {
   //是否显示
   modelValue: {
@@ -22765,7 +22771,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-485ac49d"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-44b03ca9"]]);
 const InsertLinkProps = {
   //主题色
   color: {
@@ -22868,7 +22874,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InsertLink = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f5a1fedb"]]);
+const InsertLink = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f5a2ce93"]]);
 const InsertImageProps = {
   //主题色
   color: {
@@ -23020,16 +23026,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2$3, [
           createElementVNode("div", {
             onClick: _cache[0] || (_cache[0] = ($event) => current.value = "upload"),
-            class: normalizeClass(["editify-image-header-item", { active: current.value == "upload" }]),
+            class: normalizeClass(["editify-image-header-item", { "editify-active": current.value == "upload" }]),
             style: normalizeStyle(activeStyle.value("upload"))
           }, toDisplayString(unref($editTrans)("uploadImage")), 7),
           createElementVNode("div", {
             onClick: _cache[1] || (_cache[1] = ($event) => current.value = "remote"),
-            class: normalizeClass(["editify-image-header-item", { active: current.value == "remote" }]),
+            class: normalizeClass(["editify-image-header-item", { "editify-active": current.value == "remote" }]),
             style: normalizeStyle(activeStyle.value("remote"))
           }, toDisplayString(unref($editTrans)("remoteImage")), 7),
           createElementVNode("div", {
-            class: normalizeClass(["editify-image-header-slider", current.value]),
+            class: normalizeClass(["editify-image-header-slider", "editify-" + current.value]),
             style: normalizeStyle({ backgroundColor: _ctx.color || "" })
           }, null, 6)
         ]),
@@ -23066,7 +23072,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InsertImage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-876ab662"]]);
+const InsertImage = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-735f42e9"]]);
 const InsertVideoProps = {
   //主题色
   color: {
@@ -23218,16 +23224,16 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2$2, [
           createElementVNode("div", {
             onClick: _cache[0] || (_cache[0] = ($event) => current.value = "upload"),
-            class: normalizeClass(["editify-video-header-item", { active: current.value == "upload" }]),
+            class: normalizeClass(["editify-video-header-item", { "editify-active": current.value == "upload" }]),
             style: normalizeStyle(activeStyle.value("upload"))
           }, toDisplayString(unref($editTrans)("uploadVideo")), 7),
           createElementVNode("div", {
             onClick: _cache[1] || (_cache[1] = ($event) => current.value = "remote"),
-            class: normalizeClass(["editify-video-header-item", { active: current.value == "remote" }]),
+            class: normalizeClass(["editify-video-header-item", { "editify-active": current.value == "remote" }]),
             style: normalizeStyle(activeStyle.value("remote"))
           }, toDisplayString(unref($editTrans)("remoteVideo")), 7),
           createElementVNode("div", {
-            class: normalizeClass(["editify-video-header-slider", current.value]),
+            class: normalizeClass(["editify-video-header-slider", "editify-" + current.value]),
             style: normalizeStyle({ backgroundColor: _ctx.color || "" })
           }, null, 6)
         ]),
@@ -23264,7 +23270,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InsertVideo = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4131f4db"]]);
+const InsertVideo = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4d375427"]]);
 const InsertTableProps = {
   //主题色
   color: {
@@ -23282,7 +23288,7 @@ const InsertTableProps = {
     default: 10
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-49473a7c"), n = n(), popScopeId(), n);
+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));
@@ -23358,7 +23364,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             return openBlock(), createElementBlock("tr", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(row, (column) => {
                 return openBlock(), createElementBlock("td", {
-                  class: normalizeClass({ inside: column.inside }),
+                  class: normalizeClass({ "editify-inside": column.inside }),
                   onMouseenter: ($event) => changeTableSize(column),
                   onClick: ($event) => createTable(column)
                 }, _hoisted_4$1, 42, _hoisted_2$1);
@@ -23373,7 +23379,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InsertTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-49473a7c"]]);
+const InsertTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-9a40c4f5"]]);
 const MenuProps = {
   //菜单栏配置
   config: {
@@ -24701,7 +24707,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["editify-menu", { border: menuShowBorder.value, source: unref(isSourceView) && menuMode.value == "inner", fullscreen: unref(isFullScreen) }]),
+        class: normalizeClass(["editify-menu", { "editify-border": menuShowBorder.value, "editify-source": unref(isSourceView) && menuMode.value == "inner", "editify-fullscreen": unref(isFullScreen) }]),
         "data-editify-mode": menuMode.value,
         style: normalizeStyle(_ctx.config.style || "")
       }, [
@@ -24715,7 +24721,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-98216646"]]);
+const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-67392864"]]);
 const EditifyProps = {
   //国际化语言类型
   locale: {
@@ -25506,12 +25512,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, 0);
     };
     const handleInsertParagraph = (element2, previousElement) => {
-      if (previousElement.isOnlyHasBreak() && element2.isOnlyHasBreak()) {
-        if (previousElement.parsedom != AlexElement.BLOCK_NODE) {
-          elementToParagraph(previousElement);
-          editor.value.range.anchor.moveToStart(previousElement);
-          editor.value.range.focus.moveToStart(previousElement);
-          element2.toEmpty();
+      if (!element2.isEqual(previousElement)) {
+        if (previousElement.isOnlyHasBreak() && element2.isOnlyHasBreak()) {
+          if (previousElement.parsedom != AlexElement.BLOCK_NODE) {
+            elementToParagraph(previousElement);
+            editor.value.range.anchor.moveToStart(previousElement);
+            editor.value.range.focus.moveToStart(previousElement);
+            element2.toEmpty();
+          }
+        }
+        if (isTask(element2)) {
+          element2.marks["data-editify-task"] = "uncheck";
         }
       }
       emits("insertparagraph", value.value);
@@ -25682,7 +25693,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["editify", { fullscreen: isFullScreen.value, autoheight: !isFullScreen.value && _ctx.autoheight }]),
+        class: normalizeClass(["editify", { "editify-fullscreen": isFullScreen.value, "editify-autoheight": !isFullScreen.value && _ctx.autoheight }]),
         ref_key: "elRef",
         ref: elRef
       }, [
@@ -25696,13 +25707,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           ref_key: "bodyRef",
           ref: bodyRef,
-          class: normalizeClass(["editify-body", { border: showBorder.value, menu_inner: menuConfig.value.use && menuConfig.value.mode == "inner" }]),
+          class: normalizeClass(["editify-body", { "editify-border": showBorder.value, "editify-menu_inner": menuConfig.value.use && menuConfig.value.mode == "inner" }]),
           "data-editify-uid": unref(instance).uid
         }, [
           createElementVNode("div", {
             ref_key: "contentRef",
             ref: contentRef,
-            class: normalizeClass(["editify-content", { placeholder: showPlaceholder.value, disabled: _ctx.disabled }]),
+            class: normalizeClass(["editify-content", { "editify-placeholder": showPlaceholder.value, "editify-disabled": _ctx.disabled }]),
             onKeydown: handleEditorKeydown,
             onClick: handleEditorClick,
             onCompositionstart: _cache[0] || (_cache[0] = ($event) => isInputChinese.value = true),
@@ -25713,7 +25724,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             value: value.value,
             readonly: "",
-            class: "editify-source"
+            class: "editify-sourceview"
           }, null, 8, _hoisted_3)) : createCommentVNode("", true),
           createVNode(Toolbar, {
             ref_key: "toolbarRef",
@@ -25728,7 +25739,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 10, _hoisted_1),
         _ctx.showWordLength ? (openBlock(), createElementBlock("div", {
           key: 1,
-          class: normalizeClass(["editify-footer", { fullscreen: isFullScreen.value && !isSourceView.value }]),
+          class: normalizeClass(["editify-footer", { "editify-fullscreen": isFullScreen.value && !isSourceView.value }]),
           ref_key: "footerRef",
           ref: footerRef
         }, [
@@ -25738,8 +25749,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8c5f5909"]]);
-const version = "0.1.19";
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f87ab8c"]]);
+const version = "0.1.21";
 const install = (app) => {
   app.component(Editify.name, Editify);
 };