props.ts 874 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. /* eslint-disable @typescript-eslint/no-unused-vars */
  2. import type { CSSProperties } from 'vue'
  3. export interface SplitPanelProps {
  4. // 默认大小
  5. size?: string
  6. // 最小尺寸
  7. minSize?: number
  8. // 最大尺寸
  9. maxSize?: number
  10. // 间距
  11. space?: string
  12. // 自定义样式
  13. customStyle?: Partial<CSSProperties> | Array<Partial<CSSProperties>>
  14. // 自定义内容样式
  15. bodyStyle?: Partial<CSSProperties> | Array<Partial<CSSProperties>>
  16. // 是否可折叠
  17. allowCollapse?: boolean
  18. // 折叠按钮样式
  19. collapseStyle?: Record<string, any>
  20. // 是否折叠
  21. collapse?: boolean
  22. // 是否垂直方向
  23. vertical?: boolean
  24. // 是否反向布局
  25. reverse?: boolean
  26. // 是否可拉伸宽度
  27. resizable?: boolean
  28. }
  29. /**
  30. * 事件
  31. */
  32. export const splitPanelEmits = {
  33. // 更新折叠状态
  34. 'update:collapse': (_collapse: boolean) => true
  35. }