ecinc-cloud-wappaio 9.7.70 → 9.7.72

package/lib/ecwappaio.umd.js

@@ -32806,7 +32806,7 @@ src.install = function (Vue) {
 
 /***/ }),
 
-/***/ 56410:
+/***/ 45219:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -32818,7 +32818,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": function() { return /* binding */ RichtextEditor; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwapp/RichtextEditor/src/index.vue?vue&type=template&id=0aca4eec&scoped=true
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwapp/RichtextEditor/src/index.vue?vue&type=template&id=70fde2ef&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -32917,6 +32917,7 @@ var staticRenderFns = [];
       }
     },
     canEdit: function canEdit() {
+      var _this = this;
       var readOnly = false;
       if (this.canEdit === 0 || this.canEdit === '0') {
         readOnly = true;
@@ -32924,13 +32925,18 @@ var staticRenderFns = [];
       this.ckeditor.destroy();
       this.initCkeditorToolbar(readOnly);
       var timer = window.setInterval(function () {
-        var ifrm = document.querySelector('.cke_wysiwyg_frame');
-        if (ifrm !== undefined && ifrm.contentDocument.body) {
+        var editor = _this.ckeditor;
+        if (!editor || editor.status !== 'ready' || !editor.window) return;
+        var frame = editor.window.getFrame();
+        var ifrm = frame && frame.$;
+        if (ifrm && ifrm.contentDocument && ifrm.contentDocument.body) {
           window.clearInterval(timer);
           ifrm.contentDocument.body.style.margin = '5px';
           if (readOnly) {
-            document.querySelector('.cke_contents').style.height = ifrm.contentDocument.body.clientHeight + 90 + 'px';
-            document.querySelector('.cke_top').style.display = 'none';
+            // 隐藏工具栏，内容区高度自适应正文内容高度（避免出现垂直滚动条）
+            var topSpace = editor.ui.space('top');
+            if (topSpace) topSpace.setStyle('display', 'none');
+            _this.fitReadonlyHeight();
           }
           if (document.querySelector('.cke_browser_webkit')) {
             document.querySelector('.cke_browser_webkit').style.border = 0;
@@ -32940,7 +32946,7 @@ var staticRenderFns = [];
     }
   },
   mounted: function mounted() {
-    var _this = this;
+    var _this2 = this;
     var toolbarBtns = [['Maximize'],
     // 加粗     斜体，     下划线
     ['Bold', 'Italic', 'Underline'],
@@ -33041,34 +33047,35 @@ var staticRenderFns = [];
       console.log('fileUploadResponse 上传结束.');
       var ifrm = document.querySelector('.cke_wysiwyg_frame');
       if (ifrm) {
-        var content = _this.ckeditor.getData().replace(/<span style="background: url.*?>.*?<\/span>/g, '');
-        _this.$emit('input', content);
-        _this.$emit('fileUploadResponse', res, content);
+        var content = _this2.ckeditor.getData().replace(/<span style="background: url.*?>.*?<\/span>/g, '');
+        _this2.$emit('input', content);
+        _this2.$emit('fileUploadResponse', res, content);
       }
     });
     this.ckeditor.on('instanceReady', function () {
       console.log('instanceReady setData...');
 
       // 设置初始内容
-      _this.ckeditor.setData(_this.value);
+      _this2.ckeditor.setData(_this2.value);
       var ifrm = document.querySelector('.cke_wysiwyg_frame');
       if (ifrm) {
         ifrm.contentDocument.body.style.margin = '5px';
       }
-      if (_this.startupMode !== 'source') {
-        _this.ckeditor.config.filebrowserImageUploadUrl = uploadUrl; // 上传图片的地址
-        _this.ckeditor.config.filebrowserImageBrowseUrl = _this.imageBrowseUrl; // 浏览图片的地址
-        _this.ckeditor.config.uploadUrl = _this.uploadUrl + '&paste=true'; // 剪贴版粘贴上传图片的地址
-        _this.ckeditor.config.filebrowserHtml5videoUploadUrl = uploadUrl; // 上传视频的地址
-        _this.ckeditor.config.filebrowserHtml5videoBrowseUrl = _this.videoBrowseUrl; // 浏览视频的地址
-        _this.ckeditor.config.filebrowserHtml5audioUploadUrl = uploadUrl; // 上传音频的地址
-        _this.ckeditor.config.filebrowserUploadUrl = _this.uploadUrl; // 上传附件的地址
-        _this.ckeditor.config.imageWidth = _this.imageWidth; // 图片/多图整体 - 宽度
+      if (_this2.startupMode !== 'source') {
+        _this2.ckeditor.config.filebrowserImageUploadUrl = uploadUrl; // 上传图片的地址
+        _this2.ckeditor.config.filebrowserImageBrowseUrl = _this2.imageBrowseUrl; // 浏览图片的地址
+        _this2.ckeditor.config.uploadUrl = _this2.uploadUrl + '&paste=true'; // 剪贴版粘贴上传图片的地址
+        _this2.ckeditor.config.filebrowserHtml5videoUploadUrl = uploadUrl; // 上传视频的地址
+        _this2.ckeditor.config.filebrowserHtml5videoBrowseUrl = _this2.videoBrowseUrl; // 浏览视频的地址
+        _this2.ckeditor.config.filebrowserHtml5audioUploadUrl = uploadUrl; // 上传音频的地址
+        _this2.ckeditor.config.filebrowserUploadUrl = _this2.uploadUrl; // 上传附件的地址
+        _this2.ckeditor.config.imageWidth = _this2.imageWidth; // 图片/多图整体 - 宽度
 
         if (readOnly) {
-          var _ifrm = document.querySelector('.cke_wysiwyg_frame');
-          document.querySelector('.cke_contents').style.height = _ifrm.contentDocument.body.clientHeight + 90 + 'px';
-          document.querySelector('.cke_top').style.display = 'none';
+          // 隐藏工具栏，内容区高度自适应正文内容高度（避免出现垂直滚动条）
+          var topSpace = _this2.ckeditor.ui.space('top');
+          if (topSpace) topSpace.setStyle('display', 'none');
+          _this2.fitReadonlyHeight();
         }
         if (document.querySelector('.cke_browser_webkit')) {
           document.querySelector('.cke_browser_webkit').style.border = 0;
@@ -33076,21 +33083,26 @@ var staticRenderFns = [];
       }
     });
 
+    // 只读模式下，内容加载完成后（含异步setData）重新自适应内容区高度
+    this.ckeditor.on('dataReady', function () {
+      if (readOnly) _this2.fitReadonlyHeight();
+    });
+
     // 监听数据加载完成事件，用于自动聚焦，光标定位到内容末尾
     if (this.autoFocus && !readOnly) {
       setTimeout(function () {
-        var range = _this.ckeditor.createRange();
-        range.selectNodeContents(_this.ckeditor.editable());
+        var range = _this2.ckeditor.createRange();
+        range.selectNodeContents(_this2.ckeditor.editable());
         range.shrink(CKEDITOR.SHRINK_ELEMENT, true);
         range.collapse();
-        _this.ckeditor.getSelection().selectRanges([range]);
+        _this2.ckeditor.getSelection().selectRanges([range]);
       }, 50);
     }
 
     // 监听内容变更事件
     this.ckeditor.on('change', function () {
-      var content = _this.ckeditor.getData().replace(/<span style="background: url.*?>.*?<\/span>/g, '');
-      _this.$emit('input', content);
+      var content = _this2.ckeditor.getData().replace(/<span style="background: url.*?>.*?<\/span>/g, '');
+      _this2.$emit('input', content);
 
       // 绑定图片预览
       if (window.richtextEditorImgClick) {
@@ -33099,7 +33111,7 @@ var staticRenderFns = [];
         if (!readOnly) {
           ifrm.contentWindow.isCanRichtextEditor = true;
         }
-        _this.$nextTick(function () {
+        _this2.$nextTick(function () {
           imgs.forEach(function (img) {
             img.setAttribute('onclick', 'if(!window.isCanRichtextEditor){window.open(this.src)}');
           });
@@ -33107,17 +33119,17 @@ var staticRenderFns = [];
       }
     });
     this.ckeditor.on('blur', function () {
-      var content = _this.ckeditor.getData().replace(/<span style="background: url.*?>.*?<\/span>/g, '');
-      _this.$emit('input', content);
+      var content = _this2.ckeditor.getData().replace(/<span style="background: url.*?>.*?<\/span>/g, '');
+      _this2.$emit('input', content);
     });
     this.ckeditor.on('key', function (evt) {
-      if (_this.startupMode !== 'source') {
+      if (_this2.startupMode !== 'source') {
         // wysiwyg mode,将nbsp转为ensp、将tab转为4个ensp
         if (evt.data.keyCode === 32) {
-          _this.ckeditor.insertHtml('&ensp;');
+          _this2.ckeditor.insertHtml('&ensp;');
           evt.cancel();
         } else if (evt.data.keyCode === 9) {
-          _this.ckeditor.insertHtml('&ensp;&ensp;&ensp;&ensp;');
+          _this2.ckeditor.insertHtml('&ensp;&ensp;&ensp;&ensp;');
           evt.cancel();
         }
       }
@@ -33125,9 +33137,73 @@ var staticRenderFns = [];
   },
   beforeDestroy: function beforeDestroy() {
     delete window.isCanRichtextEditor;
+    // 释放只读高度自适应相关资源
+    if (this.fitReadonlyTimer) {
+      clearTimeout(this.fitReadonlyTimer);
+      this.fitReadonlyTimer = null;
+    }
+    if (this.fitResizeObserver) {
+      this.fitResizeObserver.disconnect();
+      this.fitResizeObserver = null;
+    }
     this.ckeditor.destroy();
   },
   methods: {
+    // 只读模式下，内容区高度自适应正文内容高度，确保不出现垂直滚动条
+    fitReadonlyHeight: function fitReadonlyHeight(retry) {
+      var _this3 = this;
+      var editor = this.ckeditor;
+      if (!editor || editor.status !== 'ready' || !editor.window) return;
+      var frame = editor.window.getFrame();
+      var ifrm = frame && frame.$;
+      var contentsEl = editor.ui.space && editor.ui.space('contents');
+      if (!ifrm || !ifrm.contentDocument || !ifrm.contentDocument.body || !contentsEl) {
+        // 内容区尚未就绪，延迟重试
+        if ((retry || 0) < 100) {
+          this.fitReadonlyTimer = setTimeout(function () {
+            return _this3.fitReadonlyHeight((retry || 0) + 1);
+          }, 50);
+        }
+        return;
+      }
+      var doc = ifrm.contentDocument;
+      var body = doc.body;
+
+      // 先压缩内容区与iframe再测量：视口足够大时scrollHeight会返回视口高度，导致测量失真；
+      // 压缩后documentElement.scrollHeight即为包含body上下margin、末段margin折叠溢出在内的真实内容高度
+      // （body.scrollHeight不含这部分，直接用它设置高度后仍会出现垂直滚动条）
+      contentsEl.setStyle('height', '10px');
+      ifrm.style.height = '10px';
+      var fullHeight = Math.ceil(doc.documentElement.scrollHeight);
+      // 恢复iframe跟随内容区高度（压缩时覆盖了其height:100%内联样式）
+      ifrm.style.height = '100%';
+      if (fullHeight > 0 && fullHeight !== this.fitContentHeight) {
+        contentsEl.setStyle('height', fullHeight + 'px');
+        this.fitContentHeight = fullHeight;
+      }
+
+      // 图片异步加载完成后内容高度会变化，绑定加载事件重新自适应
+      body.querySelectorAll('img').forEach(function (img) {
+        if (!img.dataset.fitHeightBound) {
+          img.dataset.fitHeightBound = '1';
+          img.addEventListener('load', function () {
+            clearTimeout(_this3.fitReadonlyTimer);
+            _this3.fitReadonlyTimer = setTimeout(function () {
+              return _this3.fitReadonlyHeight();
+            }, 50);
+          });
+        }
+      });
+
+      // 监听正文body尺寸变化（如字体加载、窗口宽度变化），持续自适应
+      if (window.ResizeObserver) {
+        if (this.fitResizeObserver) this.fitResizeObserver.disconnect();
+        this.fitResizeObserver = new ResizeObserver(function () {
+          _this3.fitReadonlyHeight();
+        });
+        this.fitResizeObserver.observe(body);
+      }
+    },
     initCkeditorToolbar: function initCkeditorToolbar(readOnly) {
       if (this.startupMode === 'source') {
         var richtext = document.querySelector('.richtext');
@@ -33175,9 +33251,9 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./packages/ecwapp/RichtextEditor/src/index.vue?vue&type=script&lang=js
  /* harmony default export */ var RichtextEditor_srcvue_type_script_lang_js = (srcvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwapp/RichtextEditor/src/index.vue?vue&type=style&index=0&id=0aca4eec&prod&scoped=true&lang=scss
-var srcvue_type_style_index_0_id_0aca4eec_prod_scoped_true_lang_scss = __webpack_require__(77198);
-;// CONCATENATED MODULE: ./packages/ecwapp/RichtextEditor/src/index.vue?vue&type=style&index=0&id=0aca4eec&prod&scoped=true&lang=scss
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwapp/RichtextEditor/src/index.vue?vue&type=style&index=0&id=70fde2ef&prod&scoped=true&lang=scss
+var srcvue_type_style_index_0_id_70fde2ef_prod_scoped_true_lang_scss = __webpack_require__(73483);
+;// CONCATENATED MODULE: ./packages/ecwapp/RichtextEditor/src/index.vue?vue&type=style&index=0&id=70fde2ef&prod&scoped=true&lang=scss
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(81656);
@@ -33196,7 +33272,7 @@ var component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  "0aca4eec",
+  "70fde2ef",
   null
   
 )
@@ -169082,7 +169158,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".outter[data-v-0f959ac4]{position:rela
 
 /***/ }),
 
-/***/ 1553:
+/***/ 76608:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -169096,7 +169172,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".richtext-container[data-v-0aca4eec]{margin:20px 0 0 0}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".richtext-container[data-v-70fde2ef]{margin:20px 0 0 0}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -255613,19 +255689,19 @@ var update = add("38d2fa45", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 77198:
+/***/ 73483:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(1553);
+var content = __webpack_require__(76608);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(99548)/* ["default"] */ .A)
-var update = add("0b6a1e38", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("6daf6b2a", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -280048,7 +280124,7 @@ var asyncComponents = [
 }], ['PdfTools', function () {
   return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 44568));
 }], ['RichtextEditor', function () {
-  return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 56410));
+  return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 45219));
 }], ['PDFInjector', function () {
   return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 91895)).then(function (m) {
     return m.PDFInjector;
@@ -280496,7 +280572,7 @@ var PdfToolsModule = function PdfToolsModule() {
   return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 44568));
 };
 var RichtextEditorModule = function RichtextEditorModule() {
-  return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 56410));
+  return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 45219));
 };
 var ModifyFormTraceModule = function ModifyFormTraceModule() {
   return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 81106));