vue-editify 0.0.48 → 0.0.50

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'] }" autofocus :custom-parse-node="parseNode" show-word-length></editify>
+	<div style="padding: 100px 50px 50px 50px; height: 100%; box-sizing: border-box">
+		<editify v-model="value" placeholder="请输入正文内容..." allow-paste-html @change="change" :menu="menuConfig" ref="editify" :height="'300px'" @after-render="afterRender" :paste-keep-marks="{ 'data-zip': ['span'] }" autofocus :custom-parse-node="parseNode" :show-word-length="true" :border="true"></editify>
 	</div>
 </template>
 <script>
@@ -13,7 +13,7 @@ export default {
 		return {
 			value: ``,
 			menuConfig: {
-				mode: 'inner',
+				mode: 'default',
 				sequence: {
 					alert: 100,
 					zip: 101
@@ -25,6 +25,9 @@ export default {
 				sourceView: {
 					show: true
 				},
+				fullScreen: {
+					show: true
+				},
 				extends: {
 					zip: {
 						title: '上传压缩包',

package/lib/editify.es.js

@@ -15370,7 +15370,7 @@ const editorProps = {
   },
   //编辑内容高度
   height: {
-    type: String,
+    type: [String, Boolean],
     default: "600px"
   },
   //是否自适应高度
@@ -16160,7 +16160,8 @@ const getMenuConfig = function(editTrans, editLocale) {
       video: 24,
       table: 25,
       codeBlock: 26,
-      sourceView: 27
+      sourceView: 27,
+      fullScreen: 28
     },
     //撤销按钮配置
     undo: {
@@ -16490,6 +16491,15 @@ const getMenuConfig = function(editTrans, editLocale) {
       //右侧边框是否显示
       rightBorder: false
     },
+    //全屏
+    fullScreen: {
+      //是否显示此工具
+      show: false,
+      //左侧边框是否显示
+      leftBorder: false,
+      //右侧边框是否显示
+      rightBorder: false
+    },
     //拓展菜单，每个key表示拓展菜单的唯一名称，value是对象，包含type/title/rightBorder/leftBorder/disabled/active/width/maxHeight/options/value/hideScroll/onLayerShow/onLayerShown/onLayerHidden/onOperate/default/layer/option属性
     extends: {}
   };
@@ -17587,8 +17597,8 @@ const _hoisted_4$6 = {
   key: 1,
   class: "editify-button-options"
 };
-const _hoisted_5$6 = ["onClick"];
-const _hoisted_6$6 = {
+const _hoisted_5$5 = ["onClick"];
+const _hoisted_6$5 = {
   key: 1,
   class: "editify-button-option-flex"
 };
@@ -17659,14 +17669,14 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
                   _ctx.$slots.option ? renderSlot(_ctx.$slots, "option", {
                     key: 0,
                     item
-                  }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_6$6, [
+                  }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_6$5, [
                     item.icon ? (openBlock(), createBlock(_component_Icon, {
                       key: 0,
                       value: item.icon
                     }, null, 8, ["value"])) : createCommentVNode("", true),
                     createElementVNode("span", null, toDisplayString(item.label), 1)
                   ]))
-                ], 14, _hoisted_5$6);
+                ], 14, _hoisted_5$5);
               }), 256))
             ]))
           ], 4)
@@ -18660,8 +18670,8 @@ const _hoisted_1$6 = {
 const _hoisted_2$5 = { class: "editify-toolbar-link-label" };
 const _hoisted_3$5 = ["placeholder"];
 const _hoisted_4$5 = { class: "editify-toolbar-link-footer" };
-const _hoisted_5$5 = { class: "editify-toolbar-link-operations" };
-const _hoisted_6$5 = ["href"];
+const _hoisted_5$4 = { class: "editify-toolbar-link-operations" };
+const _hoisted_6$4 = ["href"];
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Checkbox = resolveComponent("Checkbox");
   const _component_Button = resolveComponent("Button");
@@ -18710,7 +18720,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
               color: _ctx.$parent.color,
               size: 10
             }, null, 8, ["onChange", "modelValue", "label", "color"]),
-            createElementVNode("div", _hoisted_5$5, [
+            createElementVNode("div", _hoisted_5$4, [
               createElementVNode("span", {
                 onClick: _cache[5] || (_cache[5] = (...args) => _ctx.$parent.removeLink && _ctx.$parent.removeLink(...args))
               }, toDisplayString($options.$editTrans("removeLink")), 1),
@@ -18718,7 +18728,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
                 href: $data.linkConfig.url,
                 target: "_blank",
                 style: normalizeStyle({ color: _ctx.$parent.color })
-              }, toDisplayString($options.$editTrans("viewLink")), 13, _hoisted_6$5)
+              }, toDisplayString($options.$editTrans("viewLink")), 13, _hoisted_6$4)
             ])
           ])
         ])) : $props.type == "image" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -19445,8 +19455,8 @@ const _hoisted_1$5 = { class: "editify-link" };
 const _hoisted_2$4 = { class: "editify-link-label" };
 const _hoisted_3$4 = ["placeholder"];
 const _hoisted_4$4 = ["placeholder"];
-const _hoisted_5$4 = { class: "editify-link-footer" };
-const _hoisted_6$4 = { class: "editify-link-operations" };
+const _hoisted_5$3 = { class: "editify-link-footer" };
+const _hoisted_6$3 = { class: "editify-link-operations" };
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Checkbox = resolveComponent("Checkbox");
   return openBlock(), createElementBlock("div", _hoisted_1$5, [
@@ -19479,7 +19489,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         { trim: true }
       ]
     ]),
-    createElementVNode("div", _hoisted_5$4, [
+    createElementVNode("div", _hoisted_5$3, [
       createVNode(_component_Checkbox, {
         modelValue: $data.newOpen,
         "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.newOpen = $event),
@@ -19487,7 +19497,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         color: $props.color,
         size: 10
       }, null, 8, ["modelValue", "label", "color"]),
-      createElementVNode("div", _hoisted_6$4, [
+      createElementVNode("div", _hoisted_6$3, [
         createElementVNode("span", {
           style: normalizeStyle({ color: $props.color }),
           onClick: _cache[7] || (_cache[7] = (...args) => $options.insertLink && $options.insertLink(...args))
@@ -19650,11 +19660,11 @@ const _hoisted_3$3 = {
   class: "editify-image-remote"
 };
 const _hoisted_4$3 = ["placeholder"];
-const _hoisted_5$3 = {
+const _hoisted_5$2 = {
   key: 1,
   class: "editify-image-upload"
 };
-const _hoisted_6$3 = ["multiple"];
+const _hoisted_6$2 = ["multiple"];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Icon = resolveComponent("Icon");
   return openBlock(), createElementBlock("div", _hoisted_1$4, [
@@ -19696,14 +19706,14 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _cache[5] || (_cache[5] = (...args) => $options.insertRemoteImage && $options.insertRemoteImage(...args))
         }, toDisplayString($options.$editTrans("insert")), 1)
       ], 4)
-    ])) : (openBlock(), createElementBlock("div", _hoisted_5$3, [
+    ])) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
       createVNode(_component_Icon, { value: "upload" }),
       createElementVNode("input", {
         multiple: $props.multiple,
         accept: "image/*",
         onChange: _cache[6] || (_cache[6] = (...args) => $options.selectFile && $options.selectFile(...args)),
         type: "file"
-      }, null, 40, _hoisted_6$3)
+      }, null, 40, _hoisted_6$2)
     ]))
   ]);
 }
@@ -19861,11 +19871,11 @@ const _hoisted_3$2 = {
   class: "editify-video-remote"
 };
 const _hoisted_4$2 = ["placeholder"];
-const _hoisted_5$2 = {
+const _hoisted_5$1 = {
   key: 1,
   class: "editify-video-upload"
 };
-const _hoisted_6$2 = ["multiple"];
+const _hoisted_6$1 = ["multiple"];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Icon = resolveComponent("Icon");
   return openBlock(), createElementBlock("div", _hoisted_1$3, [
@@ -19907,14 +19917,14 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _cache[5] || (_cache[5] = (...args) => $options.insertRemoteVideo && $options.insertRemoteVideo(...args))
         }, toDisplayString($options.$editTrans("insert")), 1)
       ], 4)
-    ])) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
+    ])) : (openBlock(), createElementBlock("div", _hoisted_5$1, [
       createVNode(_component_Icon, { value: "upload" }),
       createElementVNode("input", {
         multiple: $props.multiple,
         accept: "video/*",
         onChange: _cache[6] || (_cache[6] = (...args) => $options.selectFile && $options.selectFile(...args)),
         type: "file"
-      }, null, 40, _hoisted_6$2)
+      }, null, 40, _hoisted_6$1)
     ]))
   ]);
 }
@@ -20009,8 +20019,8 @@ const _hoisted_3$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createEl
 const _hoisted_4$1 = [
   _hoisted_3$1
 ];
-const _hoisted_5$1 = { class: "editify-table-footer" };
-const _hoisted_6$1 = { key: 0 };
+const _hoisted_5 = { class: "editify-table-footer" };
+const _hoisted_6 = { key: 0 };
 const _hoisted_7 = { key: 1 };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$2, [
@@ -20027,13 +20037,13 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
         ]);
       }), 256))
     ]),
-    createElementVNode("div", _hoisted_5$1, [
-      $options.specification ? (openBlock(), createElementBlock("span", _hoisted_6$1, toDisplayString($options.specification.x) + " x " + toDisplayString($options.specification.y), 1)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString($options.$editTrans("insertTable")), 1))
+    createElementVNode("div", _hoisted_5, [
+      $options.specification ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString($options.specification.x) + " x " + toDisplayString($options.specification.y), 1)) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString($options.$editTrans("insertTable")), 1))
     ])
   ]);
 }
 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_da918768_lang = "";
+const Menu_vue_vue_type_style_index_0_scoped_c952b6ed_lang = "";
 const _sfc_main$1 = {
   name: "Menu",
   props: {
@@ -20349,6 +20359,14 @@ const _sfc_main$1 = {
         rightBorder: this.config.sourceView.rightBorder,
         active: false,
         disabled: false
+      },
+      //全屏按钮配置
+      fullScreenConfig: {
+        show: this.config.fullScreen.show,
+        leftBorder: this.config.fullScreen.leftBorder,
+        rightBorder: this.config.fullScreen.rightBorder,
+        active: false,
+        disabled: false
       }
     };
   },
@@ -20365,11 +20383,27 @@ const _sfc_main$1 = {
     //菜单是否禁用
     menuDisabled() {
       return (name) => {
-        if (name == "sourceView") {
+        if (name == "sourceView" || name == "fullScreen") {
           return false;
         }
         return this.$parent.isSourceView;
       };
+    },
+    //菜单模式
+    menuMode() {
+      if (this.$parent.isFullScreen || this.$parent.height === true) {
+        if (this.config.mode == "fixed") {
+          return "default";
+        }
+      }
+      return this.config.mode;
+    },
+    //菜单栏是否显示边框
+    menuShowBorder() {
+      if (this.menuMode == "fixed") {
+        return false;
+      }
+      return this.$parent.showBorder;
     }
   },
   components: {
@@ -20950,6 +20984,22 @@ const _sfc_main$1 = {
             () => h(Icon, { value: "source-view" })
           );
         }
+        if (this.name == "fullScreen" && this.$parent.fullScreenConfig.show) {
+          return h(
+            Button,
+            {
+              ...props,
+              title: this.$editTrans("fullScreen"),
+              leftBorder: this.$parent.fullScreenConfig.leftBorder,
+              rightBorder: this.$parent.fullScreenConfig.rightBorder,
+              color: this.$parent.color,
+              disabled: this.$parent.fullScreenConfig.disabled || this.disabled || this.$parent.disabled,
+              active: this.$parent.fullScreenConfig.active,
+              onOperate: this.$parent.handleOperate
+            },
+            () => h(Icon, { value: "full-screen" })
+          );
+        }
         if (obj.common.isObject(this.$parent.config.extends)) {
           const configuration = this.$parent.config.extends[this.name];
           if (configuration) {
@@ -21104,6 +21154,10 @@ const _sfc_main$1 = {
         if (!this.$parent.isSourceView) {
           this.$parent.editor.rangeRender();
         }
+      } else if (name == "fullScreen") {
+        this.$parent.isFullScreen = !this.$parent.isFullScreen;
+        this.fullScreenConfig.active = this.$parent.isFullScreen;
+        this.$parent.editor.rangeRender();
       }
     },
     //处理光标更新
@@ -21232,6 +21286,7 @@ const _sfc_main$1 = {
       this.codeBlockConfig.active = !!this.$parent.getCurrentParsedomElement("pre", true);
       this.codeBlockConfig.disabled = hasTable || hasQuote || extraDisabled("codeBlock");
       this.sourceViewConfig.active = this.$parent.isSourceView;
+      this.fullScreenConfig.active = this.$parent.isFullScreen;
     }
   }
 };
@@ -21239,8 +21294,8 @@ const _hoisted_1$1 = ["data-editify-mode"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_MenuItem = resolveComponent("MenuItem");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["editify-menu", { border: _ctx.$parent.border, source: _ctx.$parent.isSourceView }]),
-    "data-editify-mode": $props.config.mode,
+    class: normalizeClass(["editify-menu", { border: $options.menuShowBorder, source: _ctx.$parent.isSourceView && $options.menuMode == "inner", fullscreen: _ctx.$parent.isFullScreen }]),
+    "data-editify-mode": $options.menuMode,
     style: normalizeStyle($props.config.style || "")
   }, [
     (openBlock(true), createElementBlock(Fragment, null, renderList($options.menuNames, (item) => {
@@ -21251,8 +21306,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-da918768"]]);
-const Editify_vue_vue_type_style_index_0_scoped_3f1c784c_lang = "";
+const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-c952b6ed"]]);
+const Editify_vue_vue_type_style_index_0_scoped_ede8b39b_lang = "";
 const _sfc_main = {
   name: "editify",
   props: { ...editorProps },
@@ -21271,6 +21326,8 @@ const _sfc_main = {
       isModelChange: false,
       //是否代码视图
       isSourceView: false,
+      //是否全屏
+      isFullScreen: false,
       //是否正在输入中文
       isInputChinese: false,
       //表格列宽拖拽记录数据
@@ -21292,7 +21349,9 @@ const _sfc_main = {
       //rangeUpdate更新延时器
       updateTimer: null,
       //菜单栏是否可以使用标识
-      canUseMenu: false
+      canUseMenu: false,
+      //手动设定的编辑器编辑区域高度
+      contentHeight: 0
     };
   },
   computed: {
@@ -21319,8 +21378,20 @@ const _sfc_main = {
       }
       return false;
     },
+    //是否显示边框
+    showBorder() {
+      if (this.isFullScreen) {
+        return false;
+      }
+      return this.border;
+    },
     //编辑器样式设置
     contentStyle() {
+      if (this.height === true || this.isFullScreen) {
+        return {
+          height: this.contentHeight + "px"
+        };
+      }
       return this.autoheight ? { minHeight: this.height } : { height: this.height };
     },
     //最终生效的工具栏配置
@@ -21359,6 +21430,21 @@ const _sfc_main = {
           this.handleToolbar();
         }
       }
+    },
+    //全屏切换
+    isFullScreen() {
+      this.$nextTick(() => {
+        this.setContentHeight();
+      });
+    },
+    //监听height为true
+    height: {
+      immediate: true,
+      handler: function() {
+        this.$nextTick(() => {
+          this.setContentHeight();
+        });
+      }
     }
   },
   mounted() {
@@ -21368,7 +21454,10 @@ const _sfc_main = {
     obj.event.on(document.documentElement, `mousemove.editify_${this.uid}`, this.documentMouseMove);
     obj.event.on(document.documentElement, `mouseup.editify_${this.uid}`, this.documentMouseUp);
     obj.event.on(document.documentElement, `click.editify_${this.uid}`, this.documentClick);
-    obj.event.on(window, `resize.editify_${this.uid}`, this.setVideoHeight);
+    obj.event.on(window, `resize.editify_${this.uid}`, () => {
+      this.setVideoHeight();
+      this.setContentHeight();
+    });
   },
   methods: {
     //初始创建编辑器
@@ -21675,7 +21764,7 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
-      if (this.border && this.color) {
+      if (this.border && this.color && !this.isFullScreen) {
         this.$refs.body.style.borderColor = "";
         this.$refs.body.style.boxShadow = "";
         if (this.menuConfig.use) {
@@ -21690,7 +21779,7 @@ const _sfc_main = {
       if (this.disabled) {
         return;
       }
-      if (this.border && this.color) {
+      if (this.border && this.color && !this.isFullScreen) {
         this.$refs.body.style.borderColor = this.color;
         const rgb = obj.color.hex2rgb(this.color);
         if (this.menuConfig.use && this.menuConfig.mode == "inner") {
@@ -21851,6 +21940,22 @@ const _sfc_main = {
         video.style.height = video.offsetWidth / this.videoRatio + "px";
       });
     },
+    //设置编辑器主体高度
+    setContentHeight() {
+      if (this.height === true || this.isFullScreen) {
+        let height = this.$el.offsetHeight;
+        if (this.menuConfig.use) {
+          height -= this.$refs.menu.$el.offsetHeight;
+        }
+        if (this.showWordLength) {
+          height -= this.$refs.footer.offsetHeight;
+        }
+        if (this.$refs.menu.menuMode == "default") {
+          height -= 10;
+        }
+        this.contentHeight = height - 2;
+      }
+    },
     //api：光标设置到文档底部
     collapseToEnd() {
       if (this.disabled) {
@@ -22852,19 +22957,16 @@ const _sfc_main = {
     this.editor.destroy();
   }
 };
-const _hoisted_1 = { class: "editify" };
-const _hoisted_2 = ["data-editify-uid"];
-const _hoisted_3 = ["data-editify-placeholder"];
-const _hoisted_4 = ["value"];
-const _hoisted_5 = {
-  key: 1,
-  class: "editify-footer"
-};
-const _hoisted_6 = { class: "editify-footer-words" };
+const _hoisted_1 = ["data-editify-uid"];
+const _hoisted_2 = ["data-editify-placeholder"];
+const _hoisted_3 = ["value"];
+const _hoisted_4 = { class: "editify-footer-words" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Menu = resolveComponent("Menu");
   const _component_Toolbar = resolveComponent("Toolbar");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["editify", { fullheight: _ctx.height === true && !$data.isFullScreen, fullscreen: $data.isFullScreen }])
+  }, [
     $options.menuConfig.use ? (openBlock(), createBlock(_component_Menu, {
       key: 0,
       config: $options.menuConfig,
@@ -22874,7 +22976,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["config", "disabled", "color"])) : createCommentVNode("", true),
     createElementVNode("div", {
       ref: "body",
-      class: normalizeClass(["editify-body", { border: _ctx.border, menu_inner: $options.menuConfig.use && $options.menuConfig.mode == "inner" }]),
+      class: normalizeClass(["editify-body", { border: $options.showBorder, menu_inner: $options.menuConfig.use && $options.menuConfig.mode == "inner" }]),
       "data-editify-uid": $setup.uid
     }, [
       createElementVNode("div", {
@@ -22886,13 +22988,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onCompositionstart: _cache[2] || (_cache[2] = ($event) => $data.isInputChinese = true),
         onCompositionend: _cache[3] || (_cache[3] = ($event) => $data.isInputChinese = false),
         "data-editify-placeholder": _ctx.placeholder
-      }, null, 46, _hoisted_3),
+      }, null, 46, _hoisted_2),
       $data.isSourceView ? (openBlock(), createElementBlock("textarea", {
         key: 0,
         value: $options.value,
         readonly: "",
         class: "editify-source"
-      }, null, 8, _hoisted_4)) : createCommentVNode("", true),
+      }, null, 8, _hoisted_3)) : createCommentVNode("", true),
       createVNode(_component_Toolbar, {
         ref: "toolbar",
         modelValue: $data.toolbarOptions.show,
@@ -22901,13 +23003,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         type: $data.toolbarOptions.type,
         config: $options.toolbarConfig
       }, null, 8, ["modelValue", "node", "type", "config"])
-    ], 10, _hoisted_2),
-    _ctx.showWordLength ? (openBlock(), createElementBlock("div", _hoisted_5, [
-      createElementVNode("div", _hoisted_6, toDisplayString($options.$editTrans("totalWordCount")) + toDisplayString($options.textValue.length), 1)
-    ])) : createCommentVNode("", true)
-  ]);
+    ], 10, _hoisted_1),
+    _ctx.showWordLength ? (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: normalizeClass(["editify-footer", { fullscreen: $data.isFullScreen && !$data.isSourceView }]),
+      ref: "footer"
+    }, [
+      createElementVNode("div", _hoisted_4, toDisplayString($options.$editTrans("totalWordCount")) + toDisplayString($options.textValue.length), 1)
+    ], 2)) : createCommentVNode("", true)
+  ], 2);
 }
-const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3f1c784c"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ede8b39b"]]);
 const iconfont = "";
 const en_US = {
   textWrapUp: "Up feed",
@@ -22992,7 +23098,8 @@ const en_US = {
   alignRight: "Align right",
   alignJustify: "Align justify",
   defaultLineHeight: "Default",
-  auto: "auto"
+  auto: "auto",
+  fullScreen: "Full screen"
 };
 const zh_CN = {
   textWrapUp: "向上换行",
@@ -23077,7 +23184,8 @@ const zh_CN = {
   alignRight: "右对齐",
   alignJustify: "两端对齐",
   defaultLineHeight: "默认行高",
-  auto: "自适应"
+  auto: "自适应",
+  fullScreen: "全屏"
 };
 const translations = {
   zh_CN,
@@ -23088,7 +23196,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.0.48";
+const version = "0.0.50";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));