@lingxiteam/lcdp-ueditor-react 1.0.3-alpha.1 → 1.0.3-alpha.3

package/es/LcdpUeditor.d.ts

@@ -41,6 +41,10 @@ declare class LcdpUeditor extends React.Component<ILcdpUeditorProps, {}> {
      * 是否加载完成
      */
     private isReady;
+    /**
+     * 保存 compositionend 事件处理器引用
+     */
+    private compositionEndHandler?;
     /**
      * 初始加载失败
      */

package/es/LcdpUeditor.js

@@ -20,54 +20,58 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
     var _this;
     _classCallCheck(this, LcdpUeditor);
     _this = _super.call(this, props);
-    /**
-     * 静态资源地址
+    /**
+     * 静态资源地址
      */
     _defineProperty(_assertThisInitialized(_this), "ueditorPath", DEFAULT_UEDITOR_PATH);
-    /**
-     * 文件上传inputRef
+    /**
+     * 文件上传inputRef
      */
     _defineProperty(_assertThisInitialized(_this), "inputRef", /*#__PURE__*/React.createRef());
-    /**
-     * 编辑器容器ref
+    /**
+     * 编辑器容器ref
      */
     _defineProperty(_assertThisInitialized(_this), "containerRef", /*#__PURE__*/React.createRef());
-    /**
-     * 编辑器容器id
+    /**
+     * 编辑器容器id
      */
     _defineProperty(_assertThisInitialized(_this), "containerId", void 0);
-    /**
-     * 编辑器实例
+    /**
+     * 编辑器实例
      */
     _defineProperty(_assertThisInitialized(_this), "ueditorInst", null);
-    /**
-     * 是否上报
+    /**
+     * 是否上报
      */
     _defineProperty(_assertThisInitialized(_this), "isReportFlag", true);
-    /**
-     * 值变化节流函数
+    /**
+     * 值变化节流函数
      */
     _defineProperty(_assertThisInitialized(_this), "debounceContentChange", void 0);
-    /**
-     * 当前值
+    /**
+     * 当前值
      */
     _defineProperty(_assertThisInitialized(_this), "currentContent", '');
-    /**
-     * 上传文件函数
+    /**
+     * 上传文件函数
      */
     _defineProperty(_assertThisInitialized(_this), "uploadFunction", void 0);
-    /**
-     * 是否加载完成
+    /**
+     * 是否加载完成
      */
     _defineProperty(_assertThisInitialized(_this), "isReady", false);
-    /**
-     * 初始加载失败
+    /**
+     * 保存 compositionend 事件处理器引用
+     */
+    _defineProperty(_assertThisInitialized(_this), "compositionEndHandler", void 0);
+    /**
+     * 初始加载失败
      */
     _defineProperty(_assertThisInitialized(_this), "state", {
       initError: false
     });
-    /**
-     * 编辑器配置项
+    /**
+     * 编辑器配置项
      */
     _defineProperty(_assertThisInitialized(_this), "editorConfig", {});
     var config = props.config;
@@ -139,8 +143,14 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (this.isReady) {
-        var _this$ueditorInst, _this$ueditorInst$des;
-        (_this$ueditorInst = this.ueditorInst) === null || _this$ueditorInst === void 0 || (_this$ueditorInst$des = _this$ueditorInst.destroy) === null || _this$ueditorInst$des === void 0 || _this$ueditorInst$des.call(_this$ueditorInst);
+        var _this$ueditorInst, _this$ueditorInst2, _this$ueditorInst2$de;
+        var editorBody = (_this$ueditorInst = this.ueditorInst) === null || _this$ueditorInst === void 0 ? void 0 : _this$ueditorInst.body;
+        if (editorBody && this.compositionEndHandler) {
+          // 销毁时移除监听
+          editorBody.removeEventListener('compositionend', this.compositionEndHandler);
+          this.compositionEndHandler = undefined;
+        }
+        (_this$ueditorInst2 = this.ueditorInst) === null || _this$ueditorInst2 === void 0 || (_this$ueditorInst2$de = _this$ueditorInst2.destroy) === null || _this$ueditorInst2$de === void 0 || _this$ueditorInst2$de.call(_this$ueditorInst2);
       }
     }
   }, {
@@ -178,10 +188,10 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
       }
     }
 
-    /**
-     * 文件选择
-     * @param cb 回调给编辑器
-     * @param type 类型
+    /**
+     * 文件选择
+     * @param cb 回调给编辑器
+     * @param type 类型
      */
   }, {
     key: "fileSelect",
@@ -259,8 +269,8 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
       }
       return fileSelect;
     }()
-    /**
-     * 对外暴露编辑器实例
+    /**
+     * 对外暴露编辑器实例
      */
     )
   }, {
@@ -271,8 +281,8 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
       }
     }
 
-    /**
-     * 初始化样式
+    /**
+     * 初始化样式
      */
   }, {
     key: "initStyle",
@@ -294,8 +304,8 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
       }
     }
 
-    /**
-     * 初始化编辑器实例
+    /**
+     * 初始化编辑器实例
      */
   }, {
     key: "initUeditor",
@@ -320,11 +330,19 @@ var LcdpUeditor = /*#__PURE__*/function (_React$Component) {
                   _this3.ueditorInst.addListener('contentChange', function () {
                     _this3.debounceContentChange();
                   });
+
+                  // 处理微软拼音输入法输入中文时，内容不会触发contentChange事件
+                  var editorBody = _this3.ueditorInst.body;
+                  if (editorBody) {
+                    _this3.compositionEndHandler = function () {
+                      _this3.debounceContentChange();
+                    };
+                    editorBody.addEventListener('compositionend', _this3.compositionEndHandler);
+                  }
                   _this3.initStyle();
                 });
                 _this3.mountRef();
               });
-
               // 默认配置 语言包 统一打包到 ueditor-all.js中
               jsList = ["".concat(this.ueditorPath, "/").concat(DEFAULT_UEDITOR_CONFIG.UEDITOR_ALL)];
               UeditorResourceLoader.onLoadError(function () {

package/es/const.js

@@ -1,10 +1,10 @@
-/**
- * 默认的ueditor资源路径
+/**
+ * 默认的ueditor资源路径
  */
 export var DEFAULT_UEDITOR_PATH = './ueditor-resource';
 
-/**
- * ueditor 资源文件名
+/**
+ * ueditor 资源文件名
  */
 export var DEFAULT_UEDITOR_CONFIG = {
   // 配置文件

package/es/defaultConfig.json

@@ -1,77 +1,77 @@
-{
-    "imageActionName": "image",
-    "imageFieldName": "file",
-    "imageMaxSize": 10485760,
-    "imageAllowFiles": [
-        ".jpg",
-        ".png",
-        ".jpeg"
-    ],
-    "imageCompressEnable": true,
-    "imageCompressBorder": 5000,
-    "imageInsertAlign": "none",
-    "imageUrlPrefix": "",
-    "scrawlActionName": "crawl",
-    "scrawlFieldName": "file",
-    "scrawlMaxSize": 10485760,
-    "scrawlUrlPrefix": "",
-    "scrawlInsertAlign": "none",
-    "snapscreenActionName": "snap",
-    "snapscreenUrlPrefix": "",
-    "snapscreenInsertAlign": "none",
-    "catcherLocalDomain": [
-        "127.0.0.1",
-        "localhost"
-    ],
-    "catcherActionName": "catch",
-    "catcherFieldName": "source",
-    "catcherUrlPrefix": "",
-    "catcherMaxSize": 10485760,
-    "catcherAllowFiles": [
-        ".jpg",
-        ".png",
-        ".jpeg"
-    ],
-    "videoActionName": "video",
-    "videoFieldName": "file",
-    "videoUrlPrefix": "",
-    "videoMaxSize": 104857600,
-    "videoAllowFiles": [
-        ".mp4",
-        ".webm",
-        ".mkv"
-    ],
-    "audioActionName": "audio",
-    "audioFieldName": "file",
-    "audioUrlPrefix": "",
-    "audioMaxSize": 104857600,
-    "audioAllowFiles": [
-        ".mp3"
-    ],
-    "fileActionName": "file",
-    "fileFieldName": "file",
-    "fileUrlPrefix": "",
-    "fileMaxSize": 104857600,
-    "fileAllowFiles": [
-        ".zip",
-        ".pdf",
-        ".doc"
-    ],
-    "imageManagerActionName": "listImage",
-    "imageManagerListSize": 20,
-    "imageManagerUrlPrefix": "",
-    "imageManagerInsertAlign": "none",
-    "imageManagerAllowFiles": [
-        ".jpg",
-        ".png",
-        ".jpeg"
-    ],
-    "fileManagerActionName": "listFile",
-    "fileManagerUrlPrefix": "",
-    "fileManagerListSize": 20,
-    "fileManagerAllowFiles": [
-        ".zip",
-        ".pdf",
-        ".doc"
-    ]
+{
+    "imageActionName": "image",
+    "imageFieldName": "file",
+    "imageMaxSize": 10485760,
+    "imageAllowFiles": [
+        ".jpg",
+        ".png",
+        ".jpeg"
+    ],
+    "imageCompressEnable": true,
+    "imageCompressBorder": 5000,
+    "imageInsertAlign": "none",
+    "imageUrlPrefix": "",
+    "scrawlActionName": "crawl",
+    "scrawlFieldName": "file",
+    "scrawlMaxSize": 10485760,
+    "scrawlUrlPrefix": "",
+    "scrawlInsertAlign": "none",
+    "snapscreenActionName": "snap",
+    "snapscreenUrlPrefix": "",
+    "snapscreenInsertAlign": "none",
+    "catcherLocalDomain": [
+        "127.0.0.1",
+        "localhost"
+    ],
+    "catcherActionName": "catch",
+    "catcherFieldName": "source",
+    "catcherUrlPrefix": "",
+    "catcherMaxSize": 10485760,
+    "catcherAllowFiles": [
+        ".jpg",
+        ".png",
+        ".jpeg"
+    ],
+    "videoActionName": "video",
+    "videoFieldName": "file",
+    "videoUrlPrefix": "",
+    "videoMaxSize": 104857600,
+    "videoAllowFiles": [
+        ".mp4",
+        ".webm",
+        ".mkv"
+    ],
+    "audioActionName": "audio",
+    "audioFieldName": "file",
+    "audioUrlPrefix": "",
+    "audioMaxSize": 104857600,
+    "audioAllowFiles": [
+        ".mp3"
+    ],
+    "fileActionName": "file",
+    "fileFieldName": "file",
+    "fileUrlPrefix": "",
+    "fileMaxSize": 104857600,
+    "fileAllowFiles": [
+        ".zip",
+        ".pdf",
+        ".doc"
+    ],
+    "imageManagerActionName": "listImage",
+    "imageManagerListSize": 20,
+    "imageManagerUrlPrefix": "",
+    "imageManagerInsertAlign": "none",
+    "imageManagerAllowFiles": [
+        ".jpg",
+        ".png",
+        ".jpeg"
+    ],
+    "fileManagerActionName": "listFile",
+    "fileManagerUrlPrefix": "",
+    "fileManagerListSize": 20,
+    "fileManagerAllowFiles": [
+        ".zip",
+        ".pdf",
+        ".doc"
+    ]
 }

package/es/tools/UeditorResourceLoader.js

@@ -88,9 +88,9 @@ var UeditorResourceLoader = /*#__PURE__*/function () {
       return this.instance;
     }
 
-    /**
-     * 加载完成执行
-     * @param callback 回调函数
+    /**
+     * 加载完成执行
+     * @param callback 回调函数
      */
   }, {
     key: "onReady",
@@ -103,9 +103,9 @@ var UeditorResourceLoader = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * 资源加载失败执行
-     * @param callback
+    /**
+     * 资源加载失败执行
+     * @param callback
      */
   }, {
     key: "onLoadError",

package/es/tools/filterHtmlNode.js

@@ -1,4 +1,5 @@
 export var filterHtmlNode = function filterHtmlNode(str) {
+  var _doc$body;
   var flag = false;
   if (typeof str !== 'string') return str || '';
   var blacklist = ['script', 'style', 'iframe'];
@@ -11,6 +12,9 @@ export var filterHtmlNode = function filterHtmlNode(str) {
 
   // 遍历 DOM 树并删除恶意节点
   function cleanNode(node) {
+    if (!node) {
+      return;
+    }
     if (node.nodeType === 1) {
       // 元素节点
       if (blacklist.indexOf(node.nodeName.toLowerCase()) !== -1) {
@@ -28,13 +32,14 @@ export var filterHtmlNode = function filterHtmlNode(str) {
         }
       }
     }
-    for (var _i = 0; _i < node.childNodes.length; _i += 1) {
+    for (var _i = 0; _i < (node === null || node === void 0 || (_node$childNodes = node.childNodes) === null || _node$childNodes === void 0 ? void 0 : _node$childNodes.length); _i += 1) {
+      var _node$childNodes;
       cleanNode(node.childNodes[_i]);
     }
   }
   cleanNode(doc.body);
   return {
-    str: doc.body.innerHTML,
+    str: ((_doc$body = doc.body) === null || _doc$body === void 0 ? void 0 : _doc$body.innerHTML) || '',
     flag: flag,
     source: str
   };

package/es/tools/loadScript.js

@@ -1,8 +1,8 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-/**
- * 同步加载js
- * @param strs 路径地址
+/**
+ * 同步加载js
+ * @param strs 路径地址
  */
 export var loadScriptSync = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(strs) {

package/lib/LcdpUeditor.d.ts

@@ -41,6 +41,10 @@ declare class LcdpUeditor extends React.Component<ILcdpUeditorProps, {}> {
      * 是否加载完成
      */
     private isReady;
+    /**
+     * 保存 compositionend 事件处理器引用
+     */
+    private compositionEndHandler?;
     /**
      * 初始加载失败
      */

package/lib/LcdpUeditor.js

@@ -136,9 +136,14 @@ var LcdpUeditor = class extends import_react.default.Component {
     }
   }
   componentWillUnmount() {
-    var _a, _b;
+    var _a, _b, _c;
     if (this.isReady) {
-      (_b = (_a = this.ueditorInst) == null ? void 0 : _a.destroy) == null ? void 0 : _b.call(_a);
+      const editorBody = (_a = this.ueditorInst) == null ? void 0 : _a.body;
+      if (editorBody && this.compositionEndHandler) {
+        editorBody.removeEventListener("compositionend", this.compositionEndHandler);
+        this.compositionEndHandler = void 0;
+      }
+      (_c = (_b = this.ueditorInst) == null ? void 0 : _b.destroy) == null ? void 0 : _c.call(_b);
     }
   }
   onContentChange() {
@@ -247,6 +252,13 @@ var LcdpUeditor = class extends import_react.default.Component {
         this.ueditorInst.addListener("contentChange", () => {
           this.debounceContentChange();
         });
+        const editorBody = this.ueditorInst.body;
+        if (editorBody) {
+          this.compositionEndHandler = () => {
+            this.debounceContentChange();
+          };
+          editorBody.addEventListener("compositionend", this.compositionEndHandler);
+        }
         this.initStyle();
       });
       this.mountRef();

package/lib/defaultConfig.json

@@ -1,77 +1,77 @@
-{
-    "imageActionName": "image",
-    "imageFieldName": "file",
-    "imageMaxSize": 10485760,
-    "imageAllowFiles": [
-        ".jpg",
-        ".png",
-        ".jpeg"
-    ],
-    "imageCompressEnable": true,
-    "imageCompressBorder": 5000,
-    "imageInsertAlign": "none",
-    "imageUrlPrefix": "",
-    "scrawlActionName": "crawl",
-    "scrawlFieldName": "file",
-    "scrawlMaxSize": 10485760,
-    "scrawlUrlPrefix": "",
-    "scrawlInsertAlign": "none",
-    "snapscreenActionName": "snap",
-    "snapscreenUrlPrefix": "",
-    "snapscreenInsertAlign": "none",
-    "catcherLocalDomain": [
-        "127.0.0.1",
-        "localhost"
-    ],
-    "catcherActionName": "catch",
-    "catcherFieldName": "source",
-    "catcherUrlPrefix": "",
-    "catcherMaxSize": 10485760,
-    "catcherAllowFiles": [
-        ".jpg",
-        ".png",
-        ".jpeg"
-    ],
-    "videoActionName": "video",
-    "videoFieldName": "file",
-    "videoUrlPrefix": "",
-    "videoMaxSize": 104857600,
-    "videoAllowFiles": [
-        ".mp4",
-        ".webm",
-        ".mkv"
-    ],
-    "audioActionName": "audio",
-    "audioFieldName": "file",
-    "audioUrlPrefix": "",
-    "audioMaxSize": 104857600,
-    "audioAllowFiles": [
-        ".mp3"
-    ],
-    "fileActionName": "file",
-    "fileFieldName": "file",
-    "fileUrlPrefix": "",
-    "fileMaxSize": 104857600,
-    "fileAllowFiles": [
-        ".zip",
-        ".pdf",
-        ".doc"
-    ],
-    "imageManagerActionName": "listImage",
-    "imageManagerListSize": 20,
-    "imageManagerUrlPrefix": "",
-    "imageManagerInsertAlign": "none",
-    "imageManagerAllowFiles": [
-        ".jpg",
-        ".png",
-        ".jpeg"
-    ],
-    "fileManagerActionName": "listFile",
-    "fileManagerUrlPrefix": "",
-    "fileManagerListSize": 20,
-    "fileManagerAllowFiles": [
-        ".zip",
-        ".pdf",
-        ".doc"
-    ]
+{
+    "imageActionName": "image",
+    "imageFieldName": "file",
+    "imageMaxSize": 10485760,
+    "imageAllowFiles": [
+        ".jpg",
+        ".png",
+        ".jpeg"
+    ],
+    "imageCompressEnable": true,
+    "imageCompressBorder": 5000,
+    "imageInsertAlign": "none",
+    "imageUrlPrefix": "",
+    "scrawlActionName": "crawl",
+    "scrawlFieldName": "file",
+    "scrawlMaxSize": 10485760,
+    "scrawlUrlPrefix": "",
+    "scrawlInsertAlign": "none",
+    "snapscreenActionName": "snap",
+    "snapscreenUrlPrefix": "",
+    "snapscreenInsertAlign": "none",
+    "catcherLocalDomain": [
+        "127.0.0.1",
+        "localhost"
+    ],
+    "catcherActionName": "catch",
+    "catcherFieldName": "source",
+    "catcherUrlPrefix": "",
+    "catcherMaxSize": 10485760,
+    "catcherAllowFiles": [
+        ".jpg",
+        ".png",
+        ".jpeg"
+    ],
+    "videoActionName": "video",
+    "videoFieldName": "file",
+    "videoUrlPrefix": "",
+    "videoMaxSize": 104857600,
+    "videoAllowFiles": [
+        ".mp4",
+        ".webm",
+        ".mkv"
+    ],
+    "audioActionName": "audio",
+    "audioFieldName": "file",
+    "audioUrlPrefix": "",
+    "audioMaxSize": 104857600,
+    "audioAllowFiles": [
+        ".mp3"
+    ],
+    "fileActionName": "file",
+    "fileFieldName": "file",
+    "fileUrlPrefix": "",
+    "fileMaxSize": 104857600,
+    "fileAllowFiles": [
+        ".zip",
+        ".pdf",
+        ".doc"
+    ],
+    "imageManagerActionName": "listImage",
+    "imageManagerListSize": 20,
+    "imageManagerUrlPrefix": "",
+    "imageManagerInsertAlign": "none",
+    "imageManagerAllowFiles": [
+        ".jpg",
+        ".png",
+        ".jpeg"
+    ],
+    "fileManagerActionName": "listFile",
+    "fileManagerUrlPrefix": "",
+    "fileManagerListSize": 20,
+    "fileManagerAllowFiles": [
+        ".zip",
+        ".pdf",
+        ".doc"
+    ]
 }

package/lib/tools/filterHtmlNode.js

@@ -23,6 +23,7 @@ __export(filterHtmlNode_exports, {
 });
 module.exports = __toCommonJS(filterHtmlNode_exports);
 var filterHtmlNode = (str) => {
+  var _a;
   let flag = false;
   if (typeof str !== "string")
     return str || "";
@@ -30,10 +31,13 @@ var filterHtmlNode = (str) => {
   const parser = new DOMParser();
   const doc = parser.parseFromString(str, "text/html");
   function cleanNode(node) {
-    var _a;
+    var _a2, _b;
+    if (!node) {
+      return;
+    }
     if (node.nodeType === 1) {
       if (blacklist.indexOf(node.nodeName.toLowerCase()) !== -1) {
-        (_a = node.parentNode) == null ? void 0 : _a.removeChild(node);
+        (_a2 = node.parentNode) == null ? void 0 : _a2.removeChild(node);
         return;
       }
       for (let i = node.attributes.length - 1; i >= 0; i -= 1) {
@@ -44,13 +48,13 @@ var filterHtmlNode = (str) => {
         }
       }
     }
-    for (let i = 0; i < node.childNodes.length; i += 1) {
+    for (let i = 0; i < ((_b = node == null ? void 0 : node.childNodes) == null ? void 0 : _b.length); i += 1) {
       cleanNode(node.childNodes[i]);
     }
   }
   cleanNode(doc.body);
   return {
-    str: doc.body.innerHTML,
+    str: ((_a = doc.body) == null ? void 0 : _a.innerHTML) || "",
     flag,
     source: str
   };