@lingxiteam/lcdp-ueditor-react 1.0.3-alpha.7 → 1.0.3-alpha.8

package/es/LcdpUeditor.js

@@ -312,12 +312,24 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
     value: (function () {
       var _initUeditor = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
         var _this3 = this;
-        var jsList;
+        var timer, readyFunc, jsList;
         return _regeneratorRuntime().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              UeditorResourceLoader.onReady(function () {
+              // 在弹窗页面中反复开关，会导致 dom 丢失
+              readyFunc = function readyFunc() {
                 _this3.initConfig();
+                var target = document.getElementById(_this3.containerId);
+                if (!window.UE || !target) {
+                  timer = setInterval(function () {
+                    target = document.getElementById(_this3.containerId);
+                    if (target) {
+                      clearInterval(timer);
+                      readyFunc();
+                    }
+                  }, 50);
+                  return;
+                }
                 _this3.ueditorInst = window.UE.getEditor(_this3.containerId, _this3.editorConfig);
                 _this3.ueditorInst.ready(function () {
                   var nextValue = filterHtmlNode(_this3.props.value || '').str;
@@ -346,7 +358,8 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
                   _this3.initStyle();
                   _this3.mountRef();
                 });
-              });
+              };
+              UeditorResourceLoader.onReady(readyFunc);
               // 默认配置 语言包 统一打包到 ueditor-all.js中
               jsList = ["".concat(this.ueditorPath, "/").concat(DEFAULT_UEDITOR_CONFIG.UEDITOR_ALL)];
               UeditorResourceLoader.onLoadError(function () {
@@ -355,7 +368,7 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
                 });
               });
               UeditorResourceLoader.startLoad(jsList);
-            case 4:
+            case 5:
             case "end":
               return _context3.stop();
           }

package/lib/LcdpUeditor.js

@@ -239,8 +239,20 @@ var LcdpUeditor = class extends import_react.default.Component {
    * 初始化编辑器实例
    */
   async initUeditor() {
-    import_UeditorResourceLoader.default.onReady(() => {
+    let timer;
+    const readyFunc = () => {
       this.initConfig();
+      let target = document.getElementById(this.containerId);
+      if (!window.UE || !target) {
+        timer = setInterval(() => {
+          target = document.getElementById(this.containerId);
+          if (target) {
+            clearInterval(timer);
+            readyFunc();
+          }
+        }, 50);
+        return;
+      }
       this.ueditorInst = window.UE.getEditor(this.containerId, this.editorConfig);
       this.ueditorInst.ready(() => {
         const nextValue = (0, import_filterHtmlNode.filterHtmlNode)(this.props.value || "").str;
@@ -266,10 +278,9 @@ var LcdpUeditor = class extends import_react.default.Component {
         this.initStyle();
         this.mountRef();
       });
-    });
-    const jsList = [
-      `${this.ueditorPath}/${import_const.DEFAULT_UEDITOR_CONFIG.UEDITOR_ALL}`
-    ];
+    };
+    import_UeditorResourceLoader.default.onReady(readyFunc);
+    const jsList = [`${this.ueditorPath}/${import_const.DEFAULT_UEDITOR_CONFIG.UEDITOR_ALL}`];
     import_UeditorResourceLoader.default.onLoadError(() => {
       this.setState({
         initError: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingxiteam/lcdp-ueditor-react",
-  "version": "1.0.3-alpha.7",
+  "version": "1.0.3-alpha.8",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",