@tuniao/tnui-vue3-uniapp/components/water-fall/src/water-fall.ts

TuniaoUI for vue3 uniapp

import { buildProps } from '../../../utils'

import type { ExtractPropTypes } from 'vue'

export const waterFallModes = ['normal', 'calc'] as const

export type Insertion = {
  index: number
  slot: string
}

export const waterFallProps = buildProps({
  /**
   * @description 列表数据
   */
  data: {
    type: Array,
    default: () => [],
  },
  /**
   * @description 瀑布流模式
   */
  mode: {
    type: String,
    values: waterFallModes,
    default: 'normal',
  },
  /**
   * @description 插槽插入位置
   */
  insertions: {
    type: Object as () => ({
      left?: Insertion[]
      right?: Insertion[]
    }),
    default: () => ({})
  }
})

export type WaterFallProps = ExtractPropTypes<typeof waterFallProps>

export type WaterFallMode = (typeof waterFallModes)[number]