feat: ✨ Input、Textarea增加ignoreCompositionEvent属性 (#592)

Closes: #574

Author: Moonofweisheng

docs/component/input.md

@@ -172,7 +172,7 @@ function handleChange(event) {
 | rules | 表单验证规则，结合`wd-form`组件使用	 | `FormItemRule []`	 | - | `[]` | - |
 | clearTrigger | 显示清除图标的时机，always 表示输入框不为空时展示，focus 表示输入框聚焦且不为空时展示	 | `InputClearTrigger`	 | `focus` / `always` | `always` | 1.3.7 |
 | focusWhenClear | 是否在点击清除按钮时聚焦输入框 | boolean | -      | true  | 1.3.7   |
-
+| ignoreCompositionEvent | 是否忽略组件内对文本合成系统事件的处理。为 false 时将触发 compositionstart、compositionend、compositionupdate 事件，且在文本合成期间会触发 input 事件。 | boolean | -      | true  | $LOWEST_VERSION$|
 
 
 ### FormItemRule 数据结构

docs/component/textarea.md

@@ -162,6 +162,7 @@ const value = ref<string>('')
 | rules                   | 表单验证规则        | `FormItemRule []` | -                                | `[]`      | -        |
 | clearTrigger | 显示清除图标的时机，always 表示输入框不为空时展示，focus 表示输入框聚焦且不为空时展示	 | `InputClearTrigger`	 | `focus` / `always` | `always` | 1.3.7 |
 | focusWhenClear | 是否在点击清除按钮时聚焦输入框 | boolean | -      | true  | 1.3.7   |
+| ignoreCompositionEvent | 是否忽略组件内对文本合成系统事件的处理。为 false 时将触发 compositionstart、compositionend、compositionupdate 事件，且在文本合成期间会触发 input 事件。 | boolean | -      | true  | $LOWEST_VERSION$|
 
 ### FormItemRule 数据结构
 

src/uni_modules/wot-design-uni/components/wd-input/types.ts

@@ -162,14 +162,18 @@ export const inputProps = {
    * 显示清除图标的时机，always 表示输入框不为空时展示，focus 表示输入框聚焦且不为空时展示
    * 类型: "focus" | "always"
    * 默认值: "always"
-   * 最低版本: $LOWEST_VERSION$
    */
   clearTrigger: makeStringProp<InputClearTrigger>('always'),
   /**
    * 是否在点击清除按钮时聚焦输入框
    * 类型: boolean
    * 默认值: true
-   * 最低版本: $LOWEST_VERSION$
    */
-  focusWhenClear: makeBooleanProp(true)
+  focusWhenClear: makeBooleanProp(true),
+  /**
+   * 是否忽略组件内对文本合成系统事件的处理。为 false 时将触发 compositionstart、compositionend、compositionupdate 事件，且在文本合成期间会触发 input 事件
+   * 类型: boolean
+   * 默认值: true
+   */
+  ignoreCompositionEvent: makeBooleanProp(true)
 }

src/uni_modules/wot-design-uni/components/wd-input/wd-input.vue

@@ -42,6 +42,7 @@
           :hold-keyboard="holdKeyboard"
           :always-embed="alwaysEmbed"
           :placeholder-class="inputPlaceholderClass"
+          :ignoreCompositionEvent="ignoreCompositionEvent"
           @input="handleInput"
           @focus="handleFocus"
           @blur="handleBlur"

src/uni_modules/wot-design-uni/components/wd-textarea/types.ts

@@ -275,16 +275,20 @@ export const textareaProps = {
    * 显示清除图标的时机，always 表示输入框不为空时展示，focus 表示输入框聚焦且不为空时展示
    * 类型: "focus" | "always"
    * 默认值: "always"
-   * 最低版本: $LOWEST_VERSION$
    */
   clearTrigger: makeStringProp<InputClearTrigger>('always'),
   /**
    * 是否在点击清除按钮时聚焦输入框
    * 类型: boolean
    * 默认值: true
-   * 最低版本: $LOWEST_VERSION$
    */
-  focusWhenClear: makeBooleanProp(true)
+  focusWhenClear: makeBooleanProp(true),
+  /**
+   * 是否忽略组件内对文本合成系统事件的处理。为 false 时将触发 compositionstart、compositionend、compositionupdate 事件，且在文本合成期间会触发 input 事件
+   * 类型: boolean
+   * 默认值: true
+   */
+  ignoreCompositionEvent: makeBooleanProp(true)
 }
 
 export type TextareaProps = ExtractPropTypes<typeof textareaProps>

src/uni_modules/wot-design-uni/components/wd-textarea/wd-textarea.vue

@@ -36,6 +36,7 @@
         :confirm-type="confirmType"
         :confirm-hold="confirmHold"
         :disable-default-padding="disableDefaultPadding"
+        :ignoreCompositionEvent="ignoreCompositionEvent"
         @input="handleInput"
         @focus="handleFocus"
         @blur="handleBlur"