UNPKG

nutui-uniapp

Version:

京东风格的轻量级移动端 Uniapp、Vue3 组件库(支持小程序开发)

73 lines (68 loc) 2.15 kB
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