القائمة
Element Plus ColorPicker component (el-color-picker) API documentation. Triggers when user wants to use, implement, or asks about el-color-picker or ColorPicker component.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | element-plus-color-picker |
| description | Element Plus ColorPicker component (el-color-picker) API documentation. Triggers when user wants to use, implement, or asks about el-color-picker or ColorPicker component. |
| Name | Description | Type | Default |
|---|---|---|---|
| model-value / v-model | binding value | ^[string] | — |
| disabled | whether to disable the ColorPicker | ^[boolean] | false |
| clearable ^(2.13.1) | whether to show clear button | ^[boolean] | true |
| size | size of ColorPicker | ^[enum]'large' | 'default' | 'small' | — |
| show-alpha | whether to display the alpha slider | ^[boolean] | false |
| color-format | color format of v-model | ^[enum]'rgb' | 'prgb' | 'hex' | 'hex3' | 'hex4' | 'hex6' | 'hex8' | 'name' | 'hsl' | 'hsv' | ^[enum]'hex' (when show-alpha is false) | 'rgb' (when show-alpha is true) |
| popper-class | custom class name for ColorPicker's dropdown | ^[string] / ^[object] | '' |
| popper-style ^(2.11.4) | custom style for ColorPicker's dropdown | ^[string] / ^[object] | — |
| predefine | predefined color options | ^[array]string[] | — |
| validate-event | whether to trigger form validation | ^[boolean] | true |
| tabindex | ColorPicker tabindex | ^[string] / ^[number] | 0 |
| aria-label ^(a11y) ^(2.7.2) | ColorPicker aria-label | ^[string] | — |
| empty-values ^(2.10.3) | empty values of component, see config-provider | ^[array] | — |
| value-on-clear ^(2.10.3) | clear return value, see config-provider | ^[string] / ^[number] / ^[boolean] / ^[Function] | — |
| id | ColorPicker id | ^[string] | — |
| teleported ^(2.7.2) | whether color-picker popper is teleported to the body | ^[boolean] | true |
| label ^(a11y) ^(deprecated) | ColorPicker aria-label | ^[string] | — |
| persistent ^(2.10.5) | when color-picker inactive and persistent is false, the color panel will be destroyed | ^[boolean] | true |
| append-to ^(2.10.5) | which element the color-picker panel appends to | ^[CSSSelector] / ^[HTMLElement] | - |
| Name | Description | Type |
|---|---|---|
| change | triggers when input value changes | ^[Function](value: string) => void |
| active-change | triggers when the current active color changes | ^[Function](value: string) => void |
| focus ^(2.4.0) | triggers when Component focuses | ^[Function](event: FocusEvent) => void |
| blur ^(2.4.0) | triggers when Component blurs | ^[Function](event: FocusEvent) => void |
| clear ^(2.13.1) | triggers when the clear button is clicked | ^[Function]() => void |
| Name | Description | Type |
|---|---|---|
| color | current color object | ^[object]Color |
| show ^(2.3.3) | manually show ColorPicker | ^[Function]() => void |
| hide ^(2.3.3) | manually hide ColorPicker | ^[Function]() => void |
| focus ^(2.3.13) | focus the picker element | ^[Function]() => void |
| blur ^(2.3.13) | blur the picker element | ^[Function]() => void |
Element Plus Affix component (el-affix) API documentation. Triggers when user wants to use, implement, or asks about el-affix or Affix component.
Element Plus Alert component (el-alert) API documentation. Triggers when user wants to use, implement, or asks about el-alert or Alert component.
Element Plus Anchor component (el-anchor) API documentation. Triggers when user wants to use, implement, or asks about el-anchor or Anchor component.
Element Plus Autocomplete component (el-autocomplete) API documentation. Triggers when user wants to use, implement, or asks about el-autocomplete or Autocomplete component.
Element Plus Avatar component (el-avatar) API documentation. Triggers when user wants to use, implement, or asks about el-avatar or Avatar component.
Element Plus Backtop component (el-backtop) API documentation. Triggers when user wants to use, implement, or asks about el-backtop or Backtop component.
