admin/wot-design-uni
1
0
Fork 0
mirror of https://gitee.com/wot-design-uni/wot-design-uni.git synced 2025-12-06 17:18:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
Closes: #574
This commit is contained in:
不如摸鱼去 2024-09-10 13:21:39 +08:00 committed by GitHub
parent 2f12ac6d2b
commit efcd4bbb38
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/component/input.md
View File

@ -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 数据结构

1
docs/component/textarea.md
View File

@ -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 数据结构

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

@ -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)
}

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

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

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

@ -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>

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

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