@wangeditor-next/editor 5.2.3 → 5.2.5

package/dist/index.js

@@ -21944,7 +21944,7 @@
     };
     var withHistory_1 = withHistory;
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -21958,7 +21958,7 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-    /* global Reflect, Promise */
+    /* global Reflect, Promise, SuppressedError, Symbol */
 
     var extendStatics = function(d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -22015,11 +22015,20 @@
         return ar;
     }
 
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
-    }
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+            if (ar || !(i in from)) {
+                if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+                ar[i] = from[i];
+            }
+        }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
 
     /**
      * An auto-incrementing identifier for keys.
@@ -23974,6 +23983,14 @@
                 return parseCommonElemHtml($elem, editor);
             }
             else {
+                if ($elem[0].childNodes.length > 1) {
+                    var childNodes = $elem[0].childNodes;
+                    return Array.from(childNodes).map(function (child) {
+                        $__default["default"]($elem[0]).empty();
+                        $__default["default"]($elem[0]).append($__default["default"](child));
+                        return parseTextElemHtml($__default["default"]($elem[0]), editor);
+                    });
+                }
                 return parseTextElemHtml($elem, editor);
             }
         }
@@ -28401,7 +28418,6 @@
             }
             //替换 icon svg
             var menuConf = editor.getMenuConfig(key);
-            console.log('🚀 ~ HoverBar ~ registerSingleItem ~ menuConf:', menuConf, menu);
             if (menuConf && menuConf.iconSvg !== undefined) {
                 menu.iconSvg = menuConf.iconSvg;
             }
@@ -31712,10 +31728,14 @@
             netImage: 'Net image',
             delete: 'Delete image',
             edit: 'Edit image',
+            editSize: 'Edit size',
             viewLink: 'View link',
             src: 'Image src',
             desc: 'Description',
             link: 'Image link',
+            ok: 'Ok',
+            width: 'Width',
+            height: 'Height',
         },
         indent: {
             decrease: 'Decrease',
@@ -31806,10 +31826,14 @@
             netImage: '网络图片',
             delete: '删除图片',
             edit: '编辑图片',
+            editSize: '修改尺寸',
             viewLink: '查看链接',
             src: '图片地址',
             desc: '图片描述',
             link: '图片链接',
+            ok: '确定',
+            width: '宽度',
+            height: '高度',
         },
         indent: {
             decrease: '减少缩进',
@@ -32030,7 +32054,7 @@
         parseElemHtml: parseParagraphHtml,
     };
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -32044,7 +32068,7 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-    /* global Reflect, Promise */
+    /* global Reflect, Promise, SuppressedError, Symbol */
 
     var extendStatics = function(d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -32088,7 +32112,7 @@
         function verb(n) { return function (v) { return step([n, v]); }; }
         function step(op) {
             if (f) throw new TypeError("Generator is already executing.");
-            while (_) try {
+            while (g && (g = 0, op[0] && (_ = 0)), _) try {
                 if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
                 if (y = 0, t) op = [op[0] & 2, t.value];
                 switch (op[0]) {
@@ -32137,7 +32161,12 @@
             finally { if (e) throw e.error; }
         }
         return ar;
-    }
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
 
     /**
      * @description editor 插件，重写 editor API
@@ -34012,7 +34041,7 @@
     /**
      * 生成唯一的 DOM ID
      */
-    function genDomID$3() {
+    function genDomID$4() {
         return genRandomStr('w-e-insert-link');
     }
     var InsertLinkMenu = /** @class */ (function () {
@@ -34023,9 +34052,9 @@
             this.showModal = true; // 点击 button 时显示 modal
             this.modalWidth = 300;
             this.$content = null;
-            this.textInputId = genDomID$3();
-            this.urlInputId = genDomID$3();
-            this.buttonId = genDomID$3();
+            this.textInputId = genDomID$4();
+            this.urlInputId = genDomID$4();
+            this.buttonId = genDomID$4();
         }
         InsertLinkMenu.prototype.getValue = function (editor) {
             // 插入菜单，不需要 value
@@ -34101,7 +34130,7 @@
     /**
      * 生成唯一的 DOM ID
      */
-    function genDomID$2() {
+    function genDomID$3() {
         return genRandomStr('w-e-update-link');
     }
     var EditLinkMenu = /** @class */ (function () {
@@ -34112,8 +34141,8 @@
             this.showModal = true; // 点击 button 时显示 modal
             this.modalWidth = 300;
             this.$content = null;
-            this.urlInputId = genDomID$2();
-            this.buttonId = genDomID$2();
+            this.urlInputId = genDomID$3();
+            this.buttonId = genDomID$3();
         }
         EditLinkMenu.prototype.getSelectedLinkElem = function (editor) {
             var node = core.DomEditor.getSelectedNodeByType(editor, 'link');
@@ -34741,7 +34770,7 @@
     /**
      * 生成唯一的 DOM ID
      */
-    function genDomID$1() {
+    function genDomID$2() {
         return genRandomStr('w-e-insert-image');
     }
     var InsertImage = /** @class */ (function () {
@@ -34752,10 +34781,10 @@
             this.showModal = true; // 点击 button 时显示 modal
             this.modalWidth = 300;
             this.$content = null;
-            this.srcInputId = genDomID$1();
-            this.altInputId = genDomID$1();
-            this.hrefInputId = genDomID$1();
-            this.buttonId = genDomID$1();
+            this.srcInputId = genDomID$2();
+            this.altInputId = genDomID$2();
+            this.hrefInputId = genDomID$2();
+            this.buttonId = genDomID$2();
         }
         InsertImage.prototype.getValue = function (editor) {
             // 插入菜单，不需要 value
@@ -34879,7 +34908,7 @@
     /**
      * 生成唯一的 DOM ID
      */
-    function genDomID() {
+    function genDomID$1() {
         return genRandomStr('w-e-edit-image');
     }
     var EditImage = /** @class */ (function () {
@@ -34890,10 +34919,10 @@
             this.showModal = true; // 点击 button 时显示 modal
             this.modalWidth = 300;
             this.$content = null;
-            this.srcInputId = genDomID();
-            this.altInputId = genDomID();
-            this.hrefInputId = genDomID();
-            this.buttonId = genDomID();
+            this.srcInputId = genDomID$1();
+            this.altInputId = genDomID$1();
+            this.hrefInputId = genDomID$1();
+            this.buttonId = genDomID$1();
         }
         EditImage.prototype.getValue = function (editor) {
             // 编辑图片，用不到 getValue
@@ -35128,6 +35157,122 @@
         return ImageWidth100;
     }(ImageWidthBaseClass));
 
+    /**
+     * @description 修改图片尺寸
+     * @author wangfupeng
+     */
+    /**
+     * 生成唯一的 DOM ID
+     */
+    function genDomID() {
+        return genRandomStr('w-e-insert-image');
+    }
+    var EditorImageSizeMenu = /** @class */ (function () {
+        function EditorImageSizeMenu() {
+            this.title = core.t('image.editSize');
+            this.tag = 'button';
+            this.showModal = true; // 点击 button 时显示 modal
+            this.modalWidth = 320;
+            this.$content = null;
+            this.widthInputId = genDomID();
+            this.heightInputId = genDomID();
+            this.buttonId = genDomID();
+        }
+        EditorImageSizeMenu.prototype.getSelectedImageNode = function (editor) {
+            return core.DomEditor.getSelectedNodeByType(editor, 'image');
+        };
+        EditorImageSizeMenu.prototype.getValue = function (editor) {
+            // 插入菜单，不需要 value
+            return '';
+        };
+        EditorImageSizeMenu.prototype.isActive = function (editor) {
+            // 任何时候，都不用激活 menu
+            return false;
+        };
+        EditorImageSizeMenu.prototype.exec = function (editor, value) {
+            // 点击菜单时，弹出 modal 之前，不需要执行其他代码
+            // 此处空着即可
+        };
+        EditorImageSizeMenu.prototype.isDisabled = function (editor) {
+            if (editor.selection == null)
+                return true;
+            var imageNode = this.getSelectedImageNode(editor);
+            if (imageNode == null) {
+                // 选区未处于 image node ，则禁用
+                return true;
+            }
+            return false;
+        };
+        EditorImageSizeMenu.prototype.getModalPositionNode = function (editor) {
+            return this.getSelectedImageNode(editor);
+        };
+        EditorImageSizeMenu.prototype.getModalContentElem = function (editor) {
+            // return $('<div><p>修改尺寸</p><p>修改尺寸</p><p>修改尺寸</p><p>修改尺寸</p></div>')[0]
+            var _a = this, widthInputId = _a.widthInputId, heightInputId = _a.heightInputId, buttonId = _a.buttonId;
+            var _b = __read(core.genModalInputElems(core.t('image.width'), widthInputId, 'auto'), 2), widthContainerElem = _b[0], inputWidthElem = _b[1];
+            var $inputWidth = $__default["default"](inputWidthElem);
+            var _c = __read(core.genModalInputElems(core.t('image.height'), heightInputId, 'auto'), 2), heightContainerElem = _c[0], inputHeightElem = _c[1];
+            var $inputHeight = $__default["default"](inputHeightElem);
+            var _d = __read(core.genModalButtonElems(buttonId, core.t('image.ok')), 1), buttonContainerElem = _d[0];
+            if (this.$content == null) {
+                // 第一次渲染
+                var $content_1 = $__default["default"]('<div></div>');
+                // 绑定事件（第一次渲染时绑定，不要重复绑定）
+                $content_1.on('click', "#" + buttonId, function (e) {
+                    e.preventDefault();
+                    var rawWidth = $content_1.find("#" + widthInputId).val().trim();
+                    var rawHeight = $content_1.find("#" + heightInputId).val().trim();
+                    var isPercentage = function (value) { return /^\d+(\.\d+)?%$/.test(value); }; // 检查是否为合法的百分比字符串
+                    var isNumeric = function (value) { return /^\d+(\.\d+)?$/.test(value); }; // 检查是否为合法的数字
+                    var width = 'auto';
+                    var height = 'auto';
+                    if (isPercentage(rawWidth)) {
+                        width = rawWidth;
+                    }
+                    else if (isNumeric(rawWidth)) {
+                        width = parseInt(rawWidth) + 'px';
+                    }
+                    if (isPercentage(rawHeight)) {
+                        height = rawHeight;
+                    }
+                    else if (isNumeric(rawHeight)) {
+                        height = parseInt(rawHeight) + 'px';
+                    }
+                    var _a = imageNode.style, style = _a === void 0 ? {} : _a;
+                    editor.restoreSelection();
+                    var props = __assign(__assign({}, style), { style: {
+                            width: width,
+                            height: height,
+                        } });
+                    // 修改尺寸
+                    slate.Transforms.setNodes(editor, props, {
+                        match: function (n) { return core.DomEditor.checkNodeType(n, 'image'); },
+                    });
+                    editor.hidePanelOrModal(); // 隐藏 modal
+                });
+                this.$content = $content_1;
+            }
+            var $content = this.$content;
+            // 先清空，再重新添加 DOM 内容
+            $content.empty();
+            $content.append(widthContainerElem);
+            $content.append(heightContainerElem);
+            $content.append(buttonContainerElem);
+            var imageNode = this.getSelectedImageNode(editor);
+            if (imageNode == null)
+                return $content[0];
+            // 初始化 input 值
+            var _e = imageNode.width, width = _e === void 0 ? 'auto' : _e, _f = imageNode.height, height = _f === void 0 ? 'auto' : _f;
+            $inputWidth.val(width);
+            $inputHeight.val(height);
+            setTimeout(function () {
+                $inputWidth.focus();
+            });
+            return $content[0];
+        };
+        return EditorImageSizeMenu;
+    }());
+
     /**
      * @description 图片菜单配置
      * @author wangfupeng
@@ -35221,6 +35366,12 @@
         factory: function () {
             return new ImageWidth100();
         },
+    };
+    var EditorImageSizeMenuConf = {
+        key: 'editorImageSizeMenu',
+        factory: function () {
+            return new EditorImageSizeMenu();
+        },
     };
 
     /**
@@ -35239,6 +35390,7 @@
             imageWidth30MenuConf,
             imageWidth50MenuConf,
             imageWidth100MenuConf,
+            EditorImageSizeMenuConf,
         ],
         editorPlugin: withImage,
     };
@@ -37651,7 +37803,7 @@
         renderElem: renderListElem,
     };
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -37665,7 +37817,7 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-    /* global Reflect, Promise */
+    /* global Reflect, Promise, SuppressedError, Symbol */
 
     var extendStatics = function(d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -37721,7 +37873,12 @@
             finally { if (e) throw e.error; }
         }
         return ar;
-    }
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
 
     /**
      * @description table menu helpers
@@ -40190,7 +40347,7 @@
     core.i18nAddResources('en', enResources);
     core.i18nAddResources('zh-CN', zhResources);
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -40232,7 +40389,12 @@
             finally { if (e) throw e.error; }
         }
         return ar;
-    }
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
 
     /**
      * @description editor 插件，重写 editor API
@@ -41552,7 +41714,7 @@
     core.i18nAddResources('en', enResources);
     core.i18nAddResources('zh-CN', zhResources);
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -41594,7 +41756,7 @@
         function verb(n) { return function (v) { return step([n, v]); }; }
         function step(op) {
             if (f) throw new TypeError("Generator is already executing.");
-            while (_) try {
+            while (g && (g = 0, op[0] && (_ = 0)), _) try {
                 if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
                 if (y = 0, t) op = [op[0] & 2, t.value];
                 switch (op[0]) {
@@ -41651,7 +41813,12 @@
         return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
         function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
         function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-    }
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
 
     /**
      * @description editor 插件，重写 editor API
@@ -41725,12 +41892,20 @@
      * @param height height
      * @returns iframe html string with size style
      */
-    function genSizeStyledIframeHtml(iframeHtml, width, height) {
+    function genSizeStyledIframeHtml(iframeHtml, width, height, style) {
         if (width === void 0) { width = 'auto'; }
         if (height === void 0) { height = 'auto'; }
+        if (style === void 0) { style = {}; }
         var $iframe = $__default["default"](iframeHtml);
+        var _a = style.width, styleWidth = _a === void 0 ? '' : _a, _b = style.height, styleHeight = _b === void 0 ? '' : _b;
+        var styleStr = '';
+        if (styleWidth)
+            styleStr += "width: " + styleWidth + ";";
+        if (styleHeight)
+            styleStr += "height: " + styleHeight + ";";
         $iframe.attr('width', width);
         $iframe.attr('height', height);
+        $iframe.attr('style', styleStr);
         return $iframe[0].outerHTML;
     }
 
@@ -41739,19 +41914,19 @@
      * @author wangfupeng
      */
     function renderVideo(elemNode, children, editor) {
-        var _a = elemNode, _b = _a.src, src = _b === void 0 ? '' : _b, _c = _a.poster, poster = _c === void 0 ? '' : _c, _d = _a.width, width = _d === void 0 ? 'auto' : _d, _e = _a.height, height = _e === void 0 ? 'auto' : _e;
+        var _a = elemNode, _b = _a.src, src = _b === void 0 ? '' : _b, _c = _a.poster, poster = _c === void 0 ? '' : _c, _d = _a.width, width = _d === void 0 ? 'auto' : _d, _e = _a.height, height = _e === void 0 ? 'auto' : _e, _f = _a.style, style = _f === void 0 ? {} : _f;
         // 是否选中
         var selected = core.DomEditor.isNodeSelected(editor, elemNode);
         var vnode;
         if (src.trim().indexOf('<iframe ') === 0) {
             // 增加尺寸样式
-            var iframeHtml = genSizeStyledIframeHtml(src, width, height);
+            var iframeHtml = genSizeStyledIframeHtml(src, width, height, style);
             // iframe 形式，第三方视频
             vnode = (snabbdom.jsx("div", { className: "w-e-textarea-video-container", "data-selected": selected ? 'true' : '', innerHTML: iframeHtml }));
         }
         else {
             // 其他，mp4 格式
-            var videoVnode = (snabbdom.jsx("video", { poster: poster, controls: true },
+            var videoVnode = (snabbdom.jsx("video", { poster: poster, controls: true, style: style },
                 snabbdom.jsx("source", { src: src, type: "video/mp4" }), "Sorry, your browser doesn't support embedded videos.\n \u62B1\u6B49\uFF0C\u6D4F\u89C8\u5668\u4E0D\u652F\u6301 video \u89C6\u9891"));
             // @ts-ignore 添加尺寸
             if (width !== 'auto')
@@ -41782,16 +41957,22 @@
      * @author wangfupeng
      */
     function videoToHtml(elemNode, childrenHtml) {
-        var _a = elemNode, _b = _a.src, src = _b === void 0 ? '' : _b, _c = _a.poster, poster = _c === void 0 ? '' : _c, _d = _a.width, width = _d === void 0 ? 'auto' : _d, _e = _a.height, height = _e === void 0 ? 'auto' : _e;
+        var _a = elemNode, _b = _a.src, src = _b === void 0 ? '' : _b, _c = _a.poster, poster = _c === void 0 ? '' : _c, _d = _a.width, width = _d === void 0 ? 'auto' : _d, _e = _a.height, height = _e === void 0 ? 'auto' : _e, _f = _a.style, style = _f === void 0 ? {} : _f;
         var res = '<div data-w-e-type="video" data-w-e-is-void style="text-align: center;">\n';
         if (src.trim().indexOf('<iframe ') === 0) {
             // iframe 形式
-            var iframeHtml = genSizeStyledIframeHtml(src, width, height);
+            var iframeHtml = genSizeStyledIframeHtml(src, width, height, style);
             res += iframeHtml;
         }
         else {
             // 其他，mp4 等 url 格式
-            res += "<video poster=\"" + poster + "\" controls=\"true\" width=\"" + width + "\" height=\"" + height + "\"><source src=\"" + src + "\" type=\"video/mp4\"/></video>";
+            var _g = style.width, styleWidth = _g === void 0 ? '' : _g, _h = style.height, styleHeight = _h === void 0 ? '' : _h;
+            var styleStr = '';
+            if (styleWidth)
+                styleStr += "width: " + styleWidth + ";";
+            if (styleHeight)
+                styleStr += "height: " + styleHeight + ";";
+            res += "<video poster=\"" + poster + "\" controls=\"true\" width=\"" + width + "\" height=\"" + height + "\" style=\"" + styleStr + "\"><source src=\"" + src + "\" type=\"video/mp4\"/></video>";
         }
         res += '\n</div>';
         return res;
@@ -41845,16 +42026,18 @@
      * @description parse html
      * @author wangfupeng
      */
-    function genVideoElem(src, poster, width, height) {
+    function genVideoElem(src, poster, width, height, style) {
         if (poster === void 0) { poster = ''; }
         if (width === void 0) { width = 'auto'; }
         if (height === void 0) { height = 'auto'; }
+        if (style === void 0) { style = {}; }
         return {
             type: 'video',
             src: src,
             poster: poster,
             width: width,
             height: height,
+            style: style,
             children: [{ text: '' }], // void 元素有一个空 text
         };
     }
@@ -41864,13 +42047,15 @@
         var poster = '';
         var width = 'auto';
         var height = 'auto';
+        var style = {};
         // <iframe> 形式
         var $iframe = $elem.find('iframe');
         if ($iframe.length > 0) {
             width = $iframe.attr('width') || 'auto';
             height = $iframe.attr('height') || 'auto';
+            style = $iframe.attr('style') || {};
             src = $iframe[0].outerHTML;
-            return genVideoElem(src, poster, width, height);
+            return genVideoElem(src, poster, width, height, style);
         }
         // <video> 形式
         var $video = $elem.find('video');
@@ -41884,7 +42069,8 @@
         width = $video.attr('width') || 'auto';
         height = $video.attr('height') || 'auto';
         poster = $video.attr('poster') || '';
-        return genVideoElem(src, poster, width, height);
+        style = $iframe.attr('style') || {};
+        return genVideoElem(src, poster, width, height, style);
     }
     var parseHtmlConf = {
         selector: 'div[data-w-e-type="video"]',
@@ -41935,8 +42121,10 @@
      * @param src video src
      * @param poster video poster
      */
-    function insertVideo (editor, src, poster) {
+    function insertVideo (editor, src, poster, width, height) {
         if (poster === void 0) { poster = ''; }
+        if (width === void 0) { width = ''; }
+        if (height === void 0) { height = ''; }
         return __awaiter(this, void 0, void 0, function () {
             var _a, onInsertedVideo, checkVideo, parseVideoSrc, checkRes, parsedSrc, video;
             return __generator(this, function (_b) {
@@ -41969,7 +42157,11 @@
                             type: 'video',
                             src: parsedSrc,
                             poster: poster,
-                            children: [{ text: '' }], // 【注意】void node 需要一个空 text 作为 children
+                            children: [{ text: '' }],
+                            style: {
+                                width: width,
+                                height: height,
+                            },
                         };
                         // 插入视频
                         // 不使用此方式会比正常的选区选取先执行
@@ -42372,13 +42564,30 @@
                     e.preventDefault();
                     var rawWidth = $content_1.find("#" + widthInputId).val().trim();
                     var rawHeight = $content_1.find("#" + heightInputId).val().trim();
-                    var numberWidth = parseInt(rawWidth);
-                    var numberHeight = parseInt(rawHeight);
-                    var width = numberWidth ? numberWidth.toString() : 'auto';
-                    var height = numberHeight ? numberHeight.toString() : 'auto';
+                    var isPercentage = function (value) { return /^\d+(\.\d+)?%$/.test(value); }; // 检查是否为合法的百分比字符串
+                    var isNumeric = function (value) { return /^\d+(\.\d+)?$/.test(value); }; // 检查是否为合法的数字
+                    var width = 'auto';
+                    var height = 'auto';
+                    if (isPercentage(rawWidth)) {
+                        width = rawWidth;
+                    }
+                    else if (isNumeric(rawWidth)) {
+                        width = parseInt(rawWidth) + 'px';
+                    }
+                    if (isPercentage(rawHeight)) {
+                        height = rawHeight;
+                    }
+                    else if (isNumeric(rawHeight)) {
+                        height = parseInt(rawHeight) + 'px';
+                    }
+                    var _a = videoNode.style, style = _a === void 0 ? {} : _a;
                     editor.restoreSelection();
+                    var props = __assign(__assign({}, style), { style: {
+                            width: width,
+                            height: height,
+                        } });
                     // 修改尺寸
-                    slate.Transforms.setNodes(editor, { width: width, height: height }, {
+                    slate.Transforms.setNodes(editor, props, {
                         match: function (n) { return core.DomEditor.checkNodeType(n, 'video'); },
                     });
                     editor.hidePanelOrModal(); // 隐藏 modal
@@ -42578,7 +42787,7 @@
     core.i18nAddResources('en', enResources);
     core.i18nAddResources('zh-CN', zhResources);
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -42620,7 +42829,7 @@
         function verb(n) { return function (v) { return step([n, v]); }; }
         function step(op) {
             if (f) throw new TypeError("Generator is already executing.");
-            while (_) try {
+            while (g && (g = 0, op[0] && (_ = 0)), _) try {
                 if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
                 if (y = 0, t) op = [op[0] & 2, t.value];
                 switch (op[0]) {
@@ -42677,7 +42886,12 @@
         return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
         function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
         function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-    }
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
 
     /**
      * @description 上传文件
@@ -47814,7 +48028,7 @@
         elemsToHtml: [codeToHtmlConf],
     };
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -47856,7 +48070,12 @@
             finally { if (e) throw e.error; }
         }
         return ar;
-    }
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
 
     /**
      * @description code-highlight decorate
@@ -47926,7 +48145,7 @@
   }));
   });
 
-  /*! *****************************************************************************
+  /******************************************************************************
   Copyright (c) Microsoft Corporation.
 
   Permission to use, copy, modify, and/or distribute this software for any
@@ -47950,6 +48169,11 @@
           return t;
       };
       return __assign.apply(this, arguments);
+  };
+
+  typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+      var e = new Error(message);
+      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
   };
 
   /**
@@ -48224,6 +48448,7 @@
               'imageWidth30',
               'imageWidth50',
               'imageWidth100',
+              'editorImageSizeMenu',
               'editImage',
               'viewImageLink',
               'deleteImage',