nutui-uniapp
Version:
京东风格的轻量级移动端 Uniapp、Vue3 组件库(支持小程序开发)
73 lines (68 loc) • 2.15 kB
text/typescript
import type { ExtractPropTypes } from 'vue'
import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../_constants'
import { commonProps, makeArrayProp, makeNumericProp, makeStringProp, truthProp } from '../_utils'
import type { CascaderOption, CascaderValue } from '../cascader/types'
export const cascaderitemProps = {
...commonProps,
/**
* @description 选中值,双向绑定
*/
modelValue: Array,
/**
* @description 显示选择层
*/
visible: Boolean,
/**
* @description 级联数据
*/
options: makeArrayProp<any>([]),
/**
* @description 是否开启动态加载
*/
lazy: Boolean,
/**
* @description 动态加载回调,开启动态加载时生效
*/
lazyLoad: Function,
/**
* @description 自定义 `options` 结构中 `value` 的字段
*/
valueKey: makeStringProp('value'),
/**
* @description 自定义 `options` 结构中 `text` 的字段
*/
textKey: makeStringProp('text'),
/**
* @description 自定义 `options` 结构中 `children` 的字段
*/
childrenKey: makeStringProp('children'),
/**
* @description 当 `options` 为可转换为树形结构的扁平结构时,配置转换规则
*/
convertConfig: Object,
/**
* @description 选中底部展示样式 可选值: 'line', 'smile'
*/
titleType: makeStringProp<'line' | 'card' | 'smile'>('line'),
/**
* @description 标签栏字体尺寸大小 可选值: 'large', 'normal', 'small'
*/
titleSize: makeStringProp<'large' | 'normal' | 'small'>('normal'),
/**
* @description 标签间隙
*/
titleGutter: makeNumericProp(0),
/**
* @description 是否省略过长的标题文字
*/
titleEllipsis: truthProp,
}
export type CascaderItemProps = ExtractPropTypes<typeof cascaderitemProps>
/* eslint-disable unused-imports/no-unused-vars */
export const cascaderitemEmits = {
[UPDATE_MODEL_EVENT]: (value: CascaderValue) => true,
[CHANGE_EVENT]: (value: CascaderValue, nodes: CascaderOption[]) => true,
pathChange: (value: CascaderOption[]) => true,
}
/* eslint-enable unused-imports/no-unused-vars */
export type CascaderItemEmits = typeof cascaderitemEmits