tenghui-ui 2.4.10 → 2.4.12

package/dist/tenghui-ui.es.js

@@ -22435,10 +22435,17 @@ const __vue2_script$2 = {
   data() {
     return {
       quillRef: null,
-      modelForm: this.model
+      modelForm: this.model,
+      composition: false
     };
   },
   methods: {
+    handleRenderInput: debounce(300, (_this) => {
+      const htmlVal = _this.handleGetVal();
+      if (!_this.composition) {
+        _this.modelForm = htmlVal;
+      }
+    }),
     handleGetVal() {
       const delta = this.quillRef.getContents();
       const tempContainer = document.createElement("div");
@@ -22450,16 +22457,22 @@ const __vue2_script$2 = {
     hadnleSelectionChange(focus) {
       if (!focus) {
         const htmlVal = this.handleGetVal();
+        this.$emit("inputtext", htmlVal);
         this.$emit("onBlur", htmlVal);
       }
     },
     handleInput(d, od, source) {
-      const htmlVal = this.handleGetVal();
-      this.modelForm = htmlVal;
+      this.handleRenderInput(this);
     },
     handleSetValue(val) {
       const delta = this.quillRef.clipboard.convert(val);
       this.quillRef.setContents(delta, "silent");
+    },
+    handleCompositionstart() {
+      this.composition = true;
+    },
+    handleCompositionend() {
+      this.composition = false;
     }
   },
   mounted() {
@@ -22468,16 +22481,25 @@ const __vue2_script$2 = {
     });
     this.quillRef.on("text-change", this.handleInput);
     this.quillRef.on("selection-change", this.hadnleSelectionChange);
+    document.querySelector(".ql-editor").addEventListener("compositionstart", this.handleCompositionstart);
+    document.querySelector(".ql-editor").addEventListener("compositionend", this.handleCompositionend);
     this.$emit("onCreated", this.quillRef);
     this.handleSetValue(this.modelForm || "");
   },
   beforeDestroy() {
+    var _a, _b;
+    (_a = document.querySelector(".ql-editor")) == null ? void 0 : _a.removeEventListener("compositionstart", this.handleCompositionstart);
+    (_b = document.querySelector(".ql-editor")) == null ? void 0 : _b.removeEventListener("compositionend", this.handleCompositionend);
     this.quillRef.off("text-change", this.handleInput);
     this.quillRef.off("selection-change", this.hadnleSelectionChange);
   },
   watch: {
-    model(val) {
+    model(val, oldVal) {
+      if (this.modelForm == val) {
+        return;
+      }
       this.modelForm = val;
+      this.handleSetValue(val || "");
     },
     modelForm(val) {
       this.$emit("inputtext", val);
@@ -22485,7 +22507,7 @@ const __vue2_script$2 = {
   }
 };
 const __cssModules$2 = {};
-var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "78c8d102", null, null);
+var __component__$2 = /* @__PURE__ */ normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "009bd892", null, null);
 function __vue2_injectStyles$2(context) {
   for (let o in __cssModules$2) {
     this[o] = __cssModules$2[o];