@lingxiteam/lcdp-ueditor-react 1.0.3-alpha.2 → 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,6 +330,15 @@ 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();

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/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/package.json

@@ -1,35 +1,35 @@
-{
-  "name": "@lingxiteam/lcdp-ueditor-react",
-  "version": "1.0.3-alpha.2",
-  "license": "MIT",
-  "main": "lib/index.js",
-  "module": "es/index.js",
-  "types": "es/index.d.ts",
-  "typings": "es/index.d.ts",
-  "files": [
-    "ueditor-resource",
-    "es",
-    "lib"
-  ],
-  "scripts": {
-    "build": "father build",
-    "dev": "father dev",
-    "prepublishOnly": "npm run build && cd ../../ueditor-plus && npm run prepublish"
-  },
-  "devDependencies": {
-    "@types/lodash": "^4.14.180",
-    "father": "^4.1.9"
-  },
-  "peerDependencies": {
-    "react": "^16.12.0 || ^17.0.0",
-    "lodash": "^4.0.0"
-  },
-  "dependencies": {
-    "@babel/runtime": "7.23.2"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "be7b48f706ff0186d2f2f42d59a25b4973f935d4"
-}
+{
+  "name": "@lingxiteam/lcdp-ueditor-react",
+  "version": "1.0.3-alpha.3",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
+  "typings": "es/index.d.ts",
+  "files": [
+    "ueditor-resource",
+    "es",
+    "lib"
+  ],
+  "scripts": {
+    "build": "father build",
+    "dev": "father dev",
+    "prepublishOnly": "npm run build && cd ../../ueditor-plus && npm run prepublish"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.14.180",
+    "father": "^4.1.9"
+  },
+  "peerDependencies": {
+    "react": "^16.12.0 || ^17.0.0",
+    "lodash": "^4.0.0"
+  },
+  "dependencies": {
+    "@babel/runtime": "7.23.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "gitHead": "be7b48f706ff0186d2f2f42d59a25b4973f935d4"
+}