test/element-plus
1
0
Fork 0
mirror of https://gitee.com/element-plus/element-plus.git synced 2024-12-04 20:27:44 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

feat(components): [color-picker] add show hide expose (#11942)

Browse Source 
* feat(components): [color-picker]

add handleTrigger expose

closed #11926
This commit is contained in:
xiterjia 2023-04-01 21:24:03 +08:00 committed by GitHub
parent 80a005714d
commit e6be1bc3cb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/en-US/component/color-picker.md
View File

@ -72,6 +72,8 @@ color-picker/sizes
### Exposes
| Name | Description | Type |
| ----- | -------------------- | ---------------- |
| color | current color object | ^[object]`Color` |
| Name | Description | Type |
| ----- | ------------------------- | ----------------------- |
| color | current color object | ^[object]`Color` |
| show | manually show ColorPicker | ^[Function]`() => void` |
| hide | manually hide ColorPicker | ^[Function]`() => void` |

13
packages/components/color-picker/src/color-picker.vue
View File

@ -217,6 +217,11 @@ function setShowPicker(value: boolean) {
const debounceSetShowPicker = debounce(setShowPicker, 100)
function show() {
if (colorDisabled.value) return
setShowPicker(true)
}
function hide() {
debounceSetShowPicker(false)
resetColor()
@ -331,5 +336,13 @@ defineExpose({
* @description current color object
*/
color,
/**
* @description manually show ColorPicker
*/
show,
/**
* @description manually hide ColorPicker
*/
hide,
})
</script>