mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
4ff8f28ebc
* refactor(components): [collapse] * Extract logic code out of component file. * Extract DOM code out of component file. * Reorganize code for better readabilities. * chore: apply suggestions Co-authored-by: JeremyWuuuuu <15975785+JeremyWuuuuu@users.noreply.github.com>
32 lines
948 B
TypeScript
32 lines
948 B
TypeScript
import {
|
|
buildProps,
|
|
definePropType,
|
|
isNumber,
|
|
isString,
|
|
mutable,
|
|
} from '@element-plus/utils'
|
|
import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'
|
|
import type { ExtractPropTypes } from 'vue'
|
|
import type { Arrayable } from '@element-plus/utils'
|
|
|
|
export type CollapseActiveName = string | number
|
|
export type CollapseModelValue = Arrayable<CollapseActiveName>
|
|
|
|
export const emitChangeFn = (value: CollapseModelValue) =>
|
|
typeof isNumber(value) || isString(value) || Array.isArray(value)
|
|
|
|
export const collapseProps = buildProps({
|
|
accordion: Boolean,
|
|
modelValue: {
|
|
type: definePropType<CollapseModelValue>([Array, String, Number]),
|
|
default: () => mutable([] as const),
|
|
},
|
|
} as const)
|
|
export type CollapseProps = ExtractPropTypes<typeof collapseProps>
|
|
|
|
export const collapseEmits = {
|
|
[UPDATE_MODEL_EVENT]: emitChangeFn,
|
|
[CHANGE_EVENT]: emitChangeFn,
|
|
}
|
|
export type CollapseEmits = typeof collapseEmits
|