@dt-frames/ui 2.0.24 → 4.0.1

package/dist/es/components/form/src/types/item.ts

@@ -0,0 +1,3169 @@
+import type { Recordable } from '@dt-frames/core'
+import type { Component, ComputedRef, CSSProperties, Ref, VNode } from 'vue'
+import type {
+	CascaderNode,
+	CascaderNodePathValue,
+	CascaderOption,
+	CascaderValue,
+	ColProps
+} from 'element-plus'
+import type { RuleType } from './form'
+import { dayjs } from 'element-plus'
+import type { UploadFileType } from '../../../upload/index'
+
+type Dayjs = typeof dayjs
+/**
+ * 组件的类型
+ */
+type ComponentType =
+	| 'Cascader'
+	| 'CascaderPanel'
+	| 'Checkbox'
+	| 'CheckboxGroup'
+	| 'CheckboxButton'
+	| 'ColorPicker'
+	| 'ColorPickerPanel'
+	| 'DatePicker'
+	| 'DateTimePicker'
+	| 'Input'
+	| 'InputNumber'
+	| 'Radio'
+	| 'RadioGroup'
+	| 'Rate'
+	| 'Select'
+	| 'SelectGroup'
+	| 'VirtualizedSelect'
+	| 'Slider'
+	| 'Switch'
+	| 'TimePicker'
+	| 'TimeSelect'
+	| 'TreeSelect'
+	| 'Upload'
+	| 'Divider'
+
+type StrOrDynamicStr = string | Ref<string> | ComputedRef<string>
+type BooleanOrDynamicBoolean = boolean | Ref<boolean> | ComputedRef<boolean>
+
+type SizeType = 'large' | 'default' | 'small'
+
+type SlotType = (model: Recordable) => Component | string | VNode | number
+
+/**
+ * 用于拓展 element-plus 组件 由于组件库会升级 部分新增属性导致ts报错
+ */
+type ExtraType = {
+	[key: string]: any
+}
+
+type PlacementType =
+	| 'top'
+	| 'top-start'
+	| 'top-end'
+	| 'bottom'
+	| 'bottom-start'
+	| 'bottom-end'
+	| 'left'
+	| 'left-start'
+	| 'left-end'
+	| 'right'
+	| 'right-start'
+	| 'right-end'
+
+type CascaderProps = {
+	/**
+	 * 次级菜单的展开方式
+	 * @default 'click'
+	 */
+	expandTrigger?: 'click' | 'hover'
+	/**
+	 * 是否多选
+	 * @default false
+	 */
+	multiple?: boolean
+	/**
+	 * 是否严格的遵守父子节点不互相关联
+	 * @default false
+	 */
+	checkStrictly?: boolean
+	/**
+	 * 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值
+	 * @default true
+	 */
+	emitPath?: boolean
+	/**
+	 * 是否动态加载子节点，需与 lazyLoad 方法结合使用
+	 * @default false
+	 */
+	lazy?: boolean
+	/**
+	 * 加载动态数据的方法，仅在 lazy 为 true 时有效
+	 */
+	lazyLoad?: (node: Node, resolve: any) => void
+	/**
+	 * 指定选项的值为选项对象的某个属性值
+	 * @default 'value'
+	 */
+	value?: string
+	/**
+	 * 指定选项标签为选项对象的某个属性值
+	 * @default 'label'
+	 */
+	label?: string
+	/**
+	 * 指定选项的子选项为选项对象的某个属性值
+	 * @default 'children'
+	 */
+	children?: string
+	/**
+	 * 指定选项的禁用为选项对象的某个属性值
+	 * @default 'disabled'
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 指定选项的叶子节点的标志位为选项对象的某个属性值
+	 * @default leaf
+	 */
+	leaf?: 'leaf'
+	/**
+	 * hover 时展开菜单的灵敏度阈值
+	 * @default 500
+	 */
+	hoverThreshold?: number
+	/**
+	 * 点击节点时是否选中或取消选中该节点
+	 * @default false
+	 */
+	checkOnClickNode?: boolean
+	/**
+	 * 点击叶子节点（最后一级子节点）时，是否选中或取消选中该节点
+	 * @default true
+	 */
+	checkOnClickLeaf?: boolean
+	/**
+	 * 是否显示单选框或复选框的前缀（图标）
+	 * @default true
+	 */
+	showPrefix?: boolean
+} & ExtraType
+
+/**
+ * 级联选择器
+ */
+type CascaderType = {
+	/**
+	 * 选项的数据源， value 和 label 可以通过 CascaderProps 自定义.
+	 */
+	options: CascaderOption[]
+	/**
+	 * 配置选项, 请参阅下面 CascaderProps 表
+	 */
+	props?: CascaderProps
+	/**
+	 * 尺寸
+	 */
+	size?: SizeType
+	/**
+	 * 输入框占位文本
+	 * @default '请选择...'
+	 */
+	placeholder?: string
+	/**
+	 * 是否禁用
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 是否支持清空选项
+	 */
+	clearable?: boolean
+	/**
+	 * 自定义清除图标
+	 * @default CircleClose
+	 */
+	clearIcon?: string | Component
+	/**
+	 * 输入框中是否显示选中值的完整路径
+	 * @default true
+	 */
+	showAllLevels?: boolean
+	/**
+	 * 多选模式下是否折叠Tag
+	 */
+	collapseTags?: boolean
+	/**
+	 * 当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapse-tags属性必须设定为 true
+	 * @default false
+	 */
+	collapseTagsTooltip?: boolean
+	/**
+	 * collapse tags 的最大高度
+	 */
+	maxCollapseTagsTooltipHeight?: string | number
+	/**
+	 * 用于分隔选项的字符
+	 * @default '/'
+	 */
+	separator?: string
+	/**
+	 * 该选项是否可以被搜索
+	 */
+	filterable?: boolean
+	/**
+	 * 自定义搜索逻辑，第一个参数是node，第二个参数是keyword，返回的布尔值表示是否保留该选项
+	 */
+	filterMethod?: (node: CascaderNode, keyword: string) => boolean
+	/**
+	 * 搜索关键词正在输入时的去抖延迟，单位为毫秒
+	 * @default 300
+	 */
+	debounce?: number
+	/**
+	 * 过滤函数调用前，所要调用的钩子函数，该函数接收要过滤的值作为参数。 如果该函数的返回值是 false 或者是一个被拒绝的 Promise，那么接下来的过滤逻辑便不会执行。
+	 */
+	beforeFilter?: (value: string) => boolean
+	/**
+	 * Cascader 下拉菜单和标签提示的自定义类名
+	 */
+	popperClass?: string
+	/**
+	 * Cascader 下拉菜单和标签提示的自定义样式
+	 */
+	popperStyle?: string
+	/**
+	 * 弹层是否使用 teleport
+	 * @default true
+	 */
+	teleported?: boolean
+	/**
+	 * tooltip 主题，内置了 dark / light 两种
+	 * @default 'light'
+	 */
+	effect?: 'dark' | 'light' | string
+	/**
+	 * 标签类型
+	 * @default 'info'
+	 */
+	tagType?: 'success' | 'info' | 'warning' | 'danger'
+	/**
+	 * tag effect
+	 * @default 'light'
+	 */
+	tagEffect?: 'light' | 'dark' | 'plain'
+	/**
+	 * 输入时是否触发表单的校验
+	 * @default true
+	 */
+	validateEvent?: boolean
+	/**
+	 * 需要显示的 Tag 的最大数量 要使用此功能，collapse-tags的值必须为true
+	 * @default 1
+	 */
+	maxCollapseTags?: number
+	/**
+	 * 组件的空值配置 参考config-provider
+	 * https://cn.element-plus.org/zh-CN/component/config-provider
+	 */
+	emptyValues?: any[]
+	/**
+	 * 清空选项的值 参考 config-provider
+	 */
+	valueOnClear?: string | number | boolean | (() => void)
+	/**
+	 * 当下拉框未被激活并且persistent设置为false，下拉框容器会被删除。
+	 * @default true
+	 */
+	persistent?: boolean
+	/**
+	 * 下拉框出现的位置
+	 */
+	placement?: PlacementType
+	/**
+	 * 是否将弹出的内容直接插入到 body 元素。 在弹出内容的边框定位出现问题时，可将该属性设置为 false
+	 * @default true
+	 */
+	popperAppendToBody?: boolean
+	/**
+	 * 多选模式下已选节点的展示策略。 当你想让显示更简洁时，使用 parent。 当你想显示每个子项时，使用 child
+	 * @default 'child'
+	 */
+	showCheckedStrategy?: 'parent' | 'child'
+	/**
+	 * 当绑定值变化时触发的事件
+	 */
+	onChange?: (value: CascaderValue, model: Recordable) => void
+	/**
+	 * 当展开节点发生变化时触发
+	 */
+	onExpandChange?: (value: CascaderValue) => void
+	/**
+	 * 当失去焦点时触发
+	 */
+	onBlur?: (event: FocusEvent) => void
+	/**
+	 * 当获得焦点时触发
+	 */
+	onFocus?: (event: FocusEvent) => void
+	/**
+	 * 可清空的单选模式下用户点击清空按钮时触发
+	 */
+	onClear?: () => void
+	/**
+	 * 下拉框出现/隐藏时触发
+	 */
+	onVisibleChange?: (value: boolean) => void
+	/**
+	 * 在多选模式下，移除Tag时触发
+	 */
+	onRemoveTag?: (value: CascaderNode['valueByOption']) => void
+	/**
+	 * 无匹配选项时的内容
+	 */
+	emptySlot?: SlotType
+	/**
+	 * 输入框头部内容
+	 */
+	prefixSlot?: SlotType
+	/**
+	 * 搜索时自定义建议项内容
+	 */
+	suggestionItemSlot?: SlotType
+	/**
+	 * 自定义tag样式
+	 */
+	tagSlot?: SlotType
+	/**
+	 * 下拉列表顶部的内容
+	 */
+	headerSlot?: SlotType
+	/**
+	 * 下拉列表底部的内容
+	 */
+	footer?: SlotType
+} & ExtraType
+
+/**
+ * 级联面板
+ */
+type CascaderPanelType = {
+	/**
+	 * 选项的数据源， value 和 label 可以通过 CascaderProps 自定义.
+	 */
+	options?: CascaderOption[]
+	/**
+	 * 配置选项
+	 */
+	props?: CascaderProps
+	/**
+	 * 当选中节点变化时触发
+	 */
+	onChange?: (value: CascaderValue | undefined) => void
+	/**
+	 * 当绑定值变化时触发的事件
+	 */
+	'update:modelValue'?: (value: CascaderValue | undefined) => void
+	/**
+	 * 当展开节点发生变化时触发
+	 */
+	onExpandChange?: (value: CascaderNodePathValue) => void
+	/**
+	 * 面板的关闭事件，提供给 Cascader 以便做更好的判断
+	 */
+	onClose?: () => void
+	/**
+	 * 没有数据时面板的内容。
+	 */
+	emptySlot?: SlotType
+}
+
+type CheckboxType = {
+	/**
+	 * 选中状态的值（只有在checkbox-group或者绑定对象类型为array时有效）
+	 */
+	value?: string | number | boolean | object
+	/**
+	 * 选中状态的值，只有在绑定对象类型为 array 时有效。 如果没有 value， label则作为value使用
+	 */
+	label?: string | number | boolean | object
+	/**
+	 * 选中时的值
+	 */
+	trueValue?: string | number
+	/**
+	 * 没有选中时的值
+	 */
+	falseValue?: string | number
+	/**
+	 * 是否禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 是否显示边框
+	 * @default false
+	 */
+	border?: boolean
+	/**
+	 * Checkbox 的尺寸
+	 */
+	size?: SizeType
+	/**
+	 * 原生 name 属性
+	 */
+	name?: string
+	/**
+	 * 当前是否勾选
+	 * @default false
+	 */
+	checked?: boolean
+	/**
+	 * 设置不确定状态，仅负责样式控制
+	 * @default false
+	 */
+	indeterminate?: boolean
+	/**
+	 * 输入时是否触发表单的校验
+	 * @default true
+	 */
+	validateEvent?: boolean
+	/**
+	 * 输入框的 tabindex
+	 */
+	tabindex?: string | number
+	/**
+	 * input id
+	 */
+	id?: string
+	/**
+	 * 选中时的值
+	 */
+	trueLabel?: string | number
+	/**
+	 * 没有选中时的值
+	 */
+	falseLabel?: string | number
+	/**
+	 * 当绑定值变化时触发的事件
+	 */
+	onChange?: (value: string | number | boolean) => void
+} & ExtraType
+
+/**
+ * 多选框组
+ */
+type CheckboxGroupType = {
+	/**
+	 * 多选框组尺寸
+	 */
+	size?: SizeType
+	/**
+	 * 是否禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 可被勾选的 checkbox 的最小数量
+	 */
+	min?: number
+	/**
+	 * 可被勾选的 checkbox 的最大数量
+	 */
+	max?: number
+	/**
+	 * 当按钮为活跃状态时的字体颜色
+	 * @default '#ffffff'
+	 */
+	textColor?: string
+	/**
+	 * 当按钮为活跃状态时的边框和背景颜色
+	 * @default '#409eff'
+	 */
+	fill?: string
+	/**
+	 * 复选框组元素标签
+	 * @default div
+	 */
+	tag?: string
+	/**
+	 * 是否触发表单验证
+	 * @default true
+	 */
+	validateEvent?: boolean
+	/**
+	 * 选项的数据源， value 的 key 和 label 和  disabled可以通过 props自定义.
+	 */
+	options?: Array<{ [key: string]: any }>
+	/**
+	 * options 的配置
+	 * @default {value: 'value', label: 'label', disabled: 'disabled'}
+	 */
+	props?: { value?: string; label?: string; disabled?: boolean }
+	/**
+	 * 当绑定值变化时触发的事件
+	 */
+	onChange?: (value: string[] | number[]) => void
+} & ExtraType
+
+type CheckboxButtonType = {
+	/**
+	 * 选中状态的值，只有在绑定对象类型为 array 时有效
+	 */
+	value?: string | number | boolean | object
+	/**
+	 * 选中状态的值，只有在绑定对象类型为 array 时有效。 如果没有 value， label则作为value使用
+	 */
+	label?: string | number | boolean | object
+	/**
+	 * 选中时的值
+	 */
+	trueValue?: string | number
+	/**
+	 * 没有选中时的值
+	 */
+	falseValue?: string | number
+	/**
+	 * 是否禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 原生 name 属性
+	 */
+	name?: string
+	/**
+	 * 当前是否勾选
+	 * @default false
+	 */
+	checked?: boolean
+	/**
+	 * 选中时的值
+	 */
+	trueLabel?: string | number
+	/**
+	 * 没有选中时的值
+	 */
+	falseLabel?: string | number
+} & ExtraType
+
+/**
+ * 颜色选择器
+ */
+type ColorPickerType = {
+	/**
+	 * 是否禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 尺寸
+	 */
+	size?: SizeType
+	/**
+	 * 是否支持透明度选择
+	 * @default false
+	 */
+	showAlpha?: boolean
+	/**
+	 * 写入 v-model 的颜色的格式
+	 */
+	colorFormat?: 'hsl' | 'hsv' | 'hex' | 'rgb' | 'hex' | 'rgb'
+	/**
+	 * ColorPicker 下拉框的类名
+	 */
+	popperClass?: string
+	/**
+	 * ColorPicker 下拉面板的自定义样式
+	 */
+	popperStyle?: string | object
+	/**
+	 * 预定义颜色
+	 */
+	predefine?: string[]
+	/**
+	 * 输入时是否触发表单的校验
+	 * @default true
+	 */
+	validateEvent?: boolean
+	/**
+	 * ColorPicker 的 tabindex
+	 */
+	tabindex?: string | number
+	/**
+	 * 组件的空值配置 参考config-provider
+	 * http://www.he-fan.cn/zh-CN/component/config-provider.html
+	 * @example
+	 * 	下拉框选项包含：{label: '全部', value: ''}
+	 * 	如果设置了 emptyValues = ['', null, undefined]，则默认显示全部
+	 */
+	emptyValues?: any[]
+	/**
+	 * 清空选项的值
+	 * http://www.he-fan.cn/zh-CN/component/config-provider.html
+	 */
+	valueOnClear?: string | number | boolean | (() => void)
+	/**
+	 * ColorPicker 的 id
+	 */
+	id?: string
+	/**
+	 * 是否将 popover 的下拉列表渲染至 body 下
+	 * @default true
+	 */
+	teleported?: boolean
+	/**
+	 * 当颜色选择器未激活且 persistent 为 false 时，颜色面板将被销毁。
+	 * @default true
+	 */
+	persistent?: boolean
+	/**
+	 * 挂载到哪个 DOM 元素
+	 * CSSSelector | HTMLElement
+	 */
+	appendTo?: string | HTMLElement
+	/**
+	 * 是否显示清除按钮
+	 */
+	clearable?: boolean
+	/**
+	 * 当绑定值变化时触发
+	 */
+	onChange?: (value: string) => void
+	/**
+	 * 面板中当前显示的颜色发生改变时触发
+	 */
+	activeChange?: (value: string) => void
+	/**
+	 * 当获得焦点时触发
+	 */
+	onFocus?: (event: FocusEvent) => void
+	/**
+	 * 当失去焦点时触发
+	 */
+	onBlur?: (event: FocusEvent) => void
+} & ExtraType
+
+/**
+ * 颜色选择器面板
+ */
+type ColorPickerPanelType = {
+	/**
+	 * 颜色选择器面板是否有边框
+	 * @default true
+	 */
+	border?: boolean
+	/**
+	 * 是否禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 是否显示 alpha 滑块
+	 * @default true
+	 */
+	showAlpha?: boolean
+	/**
+	 * 写入 v-model 的颜色的格式
+	 */
+	colorFormat?: 'hsl' | 'hsv' | 'hex' | 'rgb' | 'hex' | 'rgb'
+	/**
+	 * 预定义颜色
+	 */
+	predefine?: string[]
+} & ExtraType
+
+/**
+ * 日期选择器
+ */
+type DefDateType =
+	| Date
+	| [Date | number | string | Dayjs, Date | number | string | Dayjs]
+	| string
+	| number
+	| Dayjs
+type DatePickerType = {
+	/**
+	 * 只读
+	 * @default false
+	 */
+	readonly?: boolean
+	/**
+	 * 禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 输入框尺寸
+	 */
+	size?: SizeType
+	/**
+	 * 文本框可输入
+	 * @default true
+	 */
+	editable?: boolean
+	/**
+	 * 是否显示清除按钮
+	 * @default true
+	 */
+	clearable?: boolean
+	/**
+	 * 有的时候时间需要分成两个字段传给后台，那么就需要设置这个属性
+	 * @example ['startTime', 'endTime']
+	 */
+	extraName?: string[]
+	/**
+	 * 非范围选择时的占位内容
+	 * @default '请选择...'
+	 */
+	placeholder?: string
+	/**
+	 * 范围选择时开始日期的占位内容
+	 */
+	startPlaceholder?: string
+	/**
+	 * 范围选择时结束日期的占位内容
+	 */
+	endPlaceholder?: string
+	/**
+	 * 显示类型
+	 */
+	type?:
+		| 'year'
+		| 'years'
+		| 'month'
+		| 'months'
+		| 'date'
+		| 'dates'
+		| 'datetime'
+		| 'week'
+		| 'datetimerange'
+		| 'daterange'
+		| 'monthrange'
+		| 'yearrange'
+	/**
+	 * 显示在输入框中的格式
+	 * @default YYYY-MM-DD
+	 */
+	format?: string
+	/**
+	 * DatePicker 下拉框的类名
+	 */
+	popperClass?: string
+	/**
+	 * 弹出内容的自定义样式
+	 */
+	popperStyle?: string | object
+	/**
+	 * 自定义 popper 选项，更多请参考 popper.js
+	 * https://popper.js.org/docs/v2/
+	 */
+	popperOptions?: object
+	/**
+	 * 选择范围时的分隔符
+	 * @default '-'
+	 */
+	rangeSeparator?: string
+	/**
+	 * 可选，选择器打开时默认显示的时间
+	 */
+	defaultValue?: DefDateType
+	/**
+	 * 范围选择时选中日期所使用的当日内具体时刻
+	 */
+	defaultTime?: DefDateType
+	/**
+	 * 可选，绑定值的格式。 不指定则绑定值为 Date 对象
+	 * @example 'YYYY-MM-DD'
+	 */
+	valueFormat?: string
+	/**
+	 * 等价于原生 input id 属性
+	 */
+	id?: string
+	/**
+	 * 等价于原生 input name 属性
+	 */
+	name?: string
+	/**
+	 * 在范围选择器里取消两个日期面板之间的联动
+	 * @default false
+	 */
+	unlinkPanels?: boolean
+	/**
+	 * 自定义前缀图标 如果 type的值是TimeLikeType，那么就是 Clock，不然就是 Calendar
+	 */
+	prefixIcon?: string | Component
+	/**
+	 * 自定义清除图标
+	 * @default CircleClose
+	 */
+	clearIcon?: string | Component
+	/**
+	 * 是否触发表单验证
+	 * @default true
+	 */
+	validateEvent?: boolean
+	/**
+	 * 一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。
+	 */
+	disabledDate?: (data: Date) => boolean
+	/**
+	 * 设置快捷选项，需要传入数组对象
+	 */
+	shortcuts?: Array<{ text: string; value: Date | (() => Date | Date[]) }>
+	/**
+	 * 设置自定义类名
+	 */
+	cellClassName?: (data: Date) => string
+	/**
+	 * 是否将 date-picker 的下拉列表插入至 body 元素
+	 * @default true
+	 */
+	teleported?: boolean
+	/**
+	 * 组件的空值配置 参考config-provider
+	 * http://www.he-fan.cn/zh-CN/component/config-provider.html
+	 * @example
+	 * 	下拉框选项包含：{label: '全部', value: ''}
+	 * 	如果设置了 emptyValues = ['', null, undefined]，则默认显示全部
+	 */
+	emptyValues?: any[]
+	/**
+	 * 清空选项的值
+	 * http://www.he-fan.cn/zh-CN/component/config-provider.html
+	 */
+	valueOnClear?: string | number | boolean | (() => void)
+	/**
+	 * 下拉框出现的位置
+	 * @default 'bottom'
+	 */
+	placement?: PlacementType
+	/**
+	 * 是否显示 footer
+	 * @default true
+	 */
+	showFooter?: boolean
+	/**
+	 * 是否显示确定按钮
+	 * @default true
+	 */
+	showConfirm?: boolean
+	/**
+	 * 显示周数(除周外)
+	 * @default false
+	 */
+	showWeekNumber?: boolean
+	/**
+	 * 该属性决定在输入框获得焦点时日期选择面板是否弹出
+	 * @default true
+	 */
+	automaticDropdown?: boolean
+	/**
+	 * 当用户确认值或点击外部时触发
+	 */
+	onChange?: (val: any) => void
+	/**
+	 * 在组件 Input 失去焦点时触发
+	 */
+	onBlur?: (e: FocusEvent) => void
+	/**
+	 * 在组件 Input 获得焦点时触发
+	 */
+	onFocus?: (e: FocusEvent) => void
+	/**
+	 * 可清空的模式下用户点击清空按钮时触发
+	 */
+	onClear?: () => void
+	/**
+	 * 在日历所选日期更改时触发 仅用于 range
+	 */
+	onCalendarChange?: (val: [Date, null | Date]) => void
+	/**
+	 * 当日期面板改变时触发
+	 */
+	onPanelChange?: (date: Date | [Date, Date], mode: 'month' | 'year', view?: string) => void
+	/**
+	 * 当 DatePicker 的下拉列表出现/消失时触发
+	 */
+	onVisibleChange?: (visibility: boolean) => void
+	/**
+	 * 自定义范围分割符内容
+	 */
+	rangeSeparatorSlot?: SlotType
+	/**
+	 * 上个月的图标
+	 */
+	prevMonthSlot?: SlotType
+	/**
+	 * 下个月的图标
+	 */
+	nextMonthSlot?: SlotType
+	/**
+	 * 上一年图标
+	 */
+	prevYearSlot?: SlotType
+	/**
+	 * 下一年图标
+	 */
+	nextYearSlot?: SlotType
+} & ExtraType
+
+/**
+ * 日期时间选择器
+ */
+type DateTimePickerType = {
+	/**
+	 * 只读
+	 * @default false
+	 */
+	readonly?: false
+	/**
+	 * 禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 文本框可输入
+	 * @default true
+	 */
+	editable?: boolean
+	/**
+	 * 是否显示清除按钮
+	 * @default true
+	 */
+	clearable?: boolean
+	/**
+	 * 有的时候时间需要分成两个字段传给后台，那么就需要设置这个属性
+	 * @example ['startTime', 'endTime']
+	 */
+	extraName?: string[]
+	/**
+	 * 输入框尺寸
+	 */
+	size?: SizeType
+	/**
+	 * 非范围选择时的占位内容
+	 * @default '请选择...'
+	 */
+	placeholder?: string
+	/**
+	 * 范围选择时开始日期的占位内容
+	 */
+	startPlaceholder?: string
+	/**
+	 * 范围选择时结束日期的占位内容
+	 */
+	endPlaceholder?: string
+	/**
+	 * 是否使用箭头进行时间选择
+	 * @default false
+	 */
+	arrowControl?: boolean
+	/**
+	 * 	显示类型
+	 */
+	type?: 'year' | 'month' | 'date' | 'datetime' | 'week' | 'datetimerange' | 'daterange'
+	/**
+	 * 显示在输入框中的格式
+	 * @default YYYY-MM-DD HH:mm:ss
+	 */
+	format?: string
+	/**
+	 * DateTimePicker 下拉框的类名
+	 */
+	popperClass?: string
+	/**
+	 * 弹出内容的自定义样式
+	 */
+	popperStyle?: string | object
+	/**
+	 * 下拉框出现的位置
+	 */
+	placement?: PlacementType
+	/**
+	 * 选择范围时的分隔符
+	 * @default '-'
+	 */
+	rangeSeparator?: string
+	/**
+	 * 可选，选择器打开时默认显示的时间
+	 */
+	defaultValue?: DefDateType
+	/**
+	 * 选择日期后的默认时间值。 如未指定则默认时间值为 00:00:00
+	 */
+	defaultTime?: DefDateType
+	/**
+	 * 可选，绑定值的格式。 不指定则绑定值为 Date 对象
+	 * @example YYYY-MM-DD HH:mm:ss
+	 */
+	valueFormat?: string
+	/**
+	 * 可选，输入框内部面板中显示的日期格式
+	 * @default YYYY-MM-DD
+	 */
+	dateFormat?: string
+	/**
+	 * 可选，输入框内部面板中显示的时间格式
+	 * @default HH:mm:ss
+	 */
+	timeFormat?: string
+	/**
+	 * 等价于原生 input id 属性
+	 */
+	id?: string
+	/**
+	 * 等价于原生 input name 属性
+	 */
+	name?: string
+	/**
+	 * 在范围选择器里取消两个日期面板之间的联动
+	 * @default false
+	 */
+	unlinkPanels?: boolean
+	/**
+	 * 自定义前缀图标组件
+	 * @default Date
+	 */
+	prefixIcon?: string | Component
+	/**
+	 * 自定义清除图标
+	 * @default CircleClose
+	 */
+	clearIcon?: string | Component
+	/**
+	 * 设置快捷选项，需要传入数组对象
+	 */
+	shortcuts?: Array<{ text: string; value: Date | (() => Date | Date[]) }>
+	/**
+	 * 一个用来判断该日期是否被禁用的函数，接受一个 Date 对象作为参数。 应该返回一个 Boolean 值
+	 */
+	disabledDate?: (data: Date) => boolean
+	/**
+	 * 禁止选择部分小时选项
+	 */
+	disabledHours?: (role: string, comparingDate?: Dayjs) => number[]
+	/**
+	 * 禁止选择部分分钟选项
+	 */
+	disabledMinutes?: (hour: number, role: string, comparingDate?: Dayjs) => number[]
+	/**
+	 * 禁止选择部分秒选项
+	 */
+	disabledSeconds?: (
+		hour: number,
+		minute: number,
+		role: string,
+		comparingDate?: Dayjs
+	) => number[]
+	/**
+	 * 设置自定义类名
+	 */
+	cellClassName?: (data: Date) => string
+	/**
+	 * 是否将 datetime-picker 的下拉列表插入至 body 元素
+	 * @default true
+	 */
+	teleported?: boolean
+	/**
+	 * 组件的空值配置 参考config-provider
+	 * http://www.he-fan.cn/zh-CN/component/config-provider.html
+	 * @example
+	 * 	下拉框选项包含：{label: '全部', value: ''}
+	 * 	如果设置了 emptyValues = ['', null, undefined]，则默认显示全部
+	 */
+	emptyValues?: any[]
+	/**
+	 * 清空选项的值
+	 * http://www.he-fan.cn/zh-CN/component/config-provider.html
+	 */
+	valueOnClear?: string | number | boolean | (() => void)
+	/**
+	 * 是否显示 now 按钮
+	 * @default true
+	 */
+	showNow?: boolean
+	/**
+	 * 是否在日期选择器中显示页脚 ^[enum]`'datetime'
+	 */
+	showFooter?: boolean
+	/**
+	 * 是否显示确定按钮
+	 * @default true
+	 */
+	showConfirm?: boolean
+	/**
+	 * 显示周数(除周外)
+	 * @default false
+	 */
+	showWeekNumber?: boolean
+	/**
+	 * 当用户确认值或点击外部时触发
+	 */
+	onChange?: (val: any) => void
+	/**
+	 * 在组件 Input 失去焦点时触发
+	 */
+	onBlur?: (e: FocusEvent) => void
+	/**
+	 * 在组件 Input 获得焦点时触发
+	 */
+	onFocus?: (e: FocusEvent) => void
+	/**
+	 * 可清空的模式下用户点击清空按钮时触发
+	 */
+	onClear?: () => void
+	/**
+	 * 如果用户没有选择日期，那默认展示当前日的月份。 仅用于 range
+	 */
+	onCalendarChange?: (val: [Date, null | Date]) => void
+	/**
+	 * 当日期面板改变时触发
+	 */
+	onPanelChange?: (date: Date | [Date, Date], mode: 'month' | 'year', view?: string) => void
+	/**
+	 * 当 DateTimePicker 的下拉列表出现/消失时触发
+	 */
+	onVisibleChange?: (visibility: boolean) => void
+	/**
+	 * 自定义范围分割符内容
+	 */
+	rangeSeparatorSlot?: SlotType
+	/**
+	 * 上个月的图标
+	 */
+	prevMonthSlot?: SlotType
+	/**
+	 * 下个月的图标
+	 */
+	nextMonthSlot?: SlotType
+	/**
+	 * 上一年图标
+	 */
+	prevYearSlot?: SlotType
+	/**
+	 * 下一年图标
+	 */
+	nextYearSlot?: SlotType
+} & ExtraType
+
+type InputType = {
+	/**
+	 * 类型
+	 */
+	type?: 'text' | 'textarea' | 'password'
+	/**
+	 * 最大输入长度
+	 */
+	maxlength?: string | number
+	/**
+	 * 原生属性，最小输入长度
+	 */
+	minlength?: number
+	/**
+	 * 是否显示输入字数统计，只在 type = "text" 或 type = "textarea" 时有效
+	 * @default false
+	 */
+	showWordLimit?: boolean
+	/**
+	 * 字数统计的位置，仅当 show-word-limit 为 true 时生效。
+	 * @default 'inside'
+	 */
+	wordLimitPosition?: 'inside' | 'outside'
+	/**
+	 * 输入框占位符
+	 */
+	placeholder?: StrOrDynamicStr
+	/**
+	 * 是否可清空
+	 * @default false
+	 */
+	clearable?: boolean
+	/**
+	 * 自定义清除图标
+	 * @default CircleClose
+	 */
+	clearIcon?: string | Component
+	/**
+	 * 格式化
+	 */
+	formatter?: (val: string | number) => string
+	parser?: (val: string) => string
+	/**
+	 * 是否显示切换密码图标
+	 * @default false
+	 */
+	showPassword?: boolean
+	/**
+	 * 是否禁用状态
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 输入框尺寸，只在 type 不为 'textarea' 时有效
+	 */
+	size?: SizeType
+	/**
+	 * 自定义前缀图标
+	 */
+	prefixIcon?: string | Component
+	/**
+	 * 自定义后缀图标
+	 */
+	suffixIcon?: string | Component
+	/**
+	 * 文本域行数
+	 * @default 2
+	 */
+	rows?: number
+	/**
+	 * 文本域响应式高度
+	 * @default { minRows: 2, maxRows: 6 }
+	 */
+	autosize?: boolean | object
+	/**
+	 * 原生 max 属性，设置最大值
+	 */
+	max?: number
+	/**
+	 * 原生属性，设置最小值
+	 */
+	min?: number
+	/**
+	 * 原生属性，设置输入字段的合法数字间隔
+	 */
+	step?: number
+	/**
+	 * 控制是否能被用户缩放
+	 */
+	resize?: 'none' | 'both' | 'horizontal' | 'vertical'
+	/**
+	 * 输入框的 tabindex
+	 */
+	tabindex?: string | number
+	/**
+	 * 输入时是否触发表单的校验
+	 * @default true
+	 */
+	validateEvent?: boolean
+	/**
+	 * input 元素或 textarea 元素的 style
+	 * @default {}
+	 */
+	inputStyle?: string | CSSProperties | CSSProperties[] | string[]
+	/**
+	 * 等价于原生 input inputmode 属性
+	 */
+	inputmode?: string
+	/**
+	 * 当选择器的输入框失去焦点时触发
+	 */
+	onBlur?: (event: FocusEvent) => void
+	/**
+	 * 当选择器的输入框获得焦点时触发
+	 */
+	onFocus?: (event: FocusEvent) => void
+	/**
+	 * 仅当 modelValue 改变时，当输入框失去焦点或用户按Enter时触发
+	 */
+	onChange?: (value: string | number, model: Recordable) => void
+	/**
+	 * 在 Input 值改变时触发
+	 */
+	onInput?: (value: string | number) => void
+	/**
+	 * 在点击由 clearable 属性生成的清空按钮时触发
+	 */
+	onClear?: () => void
+	/**
+	 * 按下键时触发
+	 */
+	onKeydown?: (event: KeyboardEvent | Event) => void
+	/**
+	 * 当鼠标离开输入元素时触发
+	 */
+	onMouseleave?: (event: MouseEvent) => void
+	/**
+	 * 当鼠标进入输入元素时触发
+	 */
+	onMouseenter?: (event: MouseEvent) => void
+	/**
+	 * 输入法输入开始时触发
+	 */
+	onCompositionstart?: (event: CompositionEvent) => void
+	/**
+	 * 输入法输入改变时触发
+	 */
+	onCompositionupdate?: (event: CompositionEvent) => void
+	/**
+	 * 输入法输入完成时触发
+	 */
+	onCompositionend?: (event: CompositionEvent) => void
+	/**
+	 * 输入框头部内容，只对非 type="textarea" 有效
+	 */
+	prefixSlot?: SlotType
+	/**
+	 * 输入框尾部内容，只对非 type="textarea" 有效
+	 */
+	suffixSlot?: SlotType
+	/**
+	 * 输入框前置内容，只对非 type="textarea" 有效
+	 */
+	prependSlot?: SlotType
+	/**
+	 * 输入框后置内容，只对非 type="textarea" 有效
+	 */
+	appendSlot?: SlotType
+
+	[key: string]: any
+}
+
+type InputNumberType = {
+	/**
+	 * 设置计数器允许的最小值
+	 * @default -Infinity
+	 */
+	min?: number
+	/**
+	 * 设置计数器允许的最大值
+	 * @default Infinity
+	 */
+	max?: number
+	/**
+	 * 计数器步长
+	 * @default 1
+	 */
+	step?: number
+	/**
+	 * 是否只能输入 step 的倍数
+	 * @default false
+	 */
+	stepStrictly?: boolean
+	/**
+	 * 数值精度
+	 */
+	precision?: number
+	/**
+	 * 计数器尺寸
+	 */
+	size?: SizeType
+	/**
+	 * 是否禁用计数器
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 是否使用控制按钮
+	 * @default true
+	 */
+	controls?: boolean
+	/**
+	 * 控制按钮位置
+	 * @default 'right'
+	 */
+	controlsPosition?: string
+	/**
+	 * 原生 name 属性
+	 */
+	name?: string
+	/**
+	 * 输入框默认 placeholder
+	 */
+	placeholder?: string
+	/**
+	 * 等价于原生 input id 属性
+	 */
+	id?: string
+	/**
+	 * 当输入框被清空时显示的值
+	 */
+	valueOnClear?: number | null | 'min' | 'max'
+	/**
+	 * 内部输入文本对齐
+	 * @default 'center'
+	 */
+	align?: 'left' | 'center' | 'right'
+	/**
+	 * 禁用科学计数法的输入（例如输入 'e'）
+	 * @default false
+	 */
+	disabledScientific?: boolean
+	/**
+	 * 输入框内容变化时的回调
+	 */
+	onChange?: (currentValue: number | undefined, oldValue: number | undefined) => void
+	/**
+	 * 在组件 Input 失去焦点时触发
+	 */
+	onBlur?: (event: FocusEvent) => void
+	/**
+	 * 在组件 Input 获得焦点时触发
+	 */
+	onFocus?: (event: FocusEvent) => void
+	/**
+	 * 自定义输入框按钮减少图标
+	 */
+	decreaseIconSlot?: SlotType
+	/**
+	 * 自定义输入框按钮增加图标
+	 */
+	increaseIconSlot?: SlotType
+	/**
+	 * 输入框头部内容
+	 */
+	prefixSlot?: SlotType
+	/**
+	 * 输入框尾部内容
+	 */
+	suffixSlot?: SlotType
+} & ExtraType
+
+/**
+ * 单选框
+ */
+type RadioType = {
+	/**
+	 * 单选框的值
+	 */
+	value?: string | number | boolean
+	/**
+	 * 单选框的 label 如果value没有值， label则作为value使用
+	 */
+	label?: string | number | boolean
+	/**
+	 * 是否禁用单选框
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 是否显示边框
+	 * @default false
+	 */
+	border?: boolean
+	/**
+	 * 单选框的尺寸
+	 */
+	size?: SizeType
+	/**
+	 * 原始 name 属性
+	 */
+	name?: string
+	/**
+	 * 绑定值变化时触发的事件
+	 */
+	onChange?: (value: string | number | boolean) => void
+} & ExtraType
+
+/**
+ * 单选框组
+ */
+type RadioGroupType = {
+	/**
+	 * 展示形式
+	 * @default radio
+	 */
+	mode?: 'radio' | 'button'
+	/**
+	 * 单选框按钮或边框按钮的大小
+	 */
+	size?: SizeType
+	/**
+	 * 是否禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 输入时是否触发表单的校验
+	 * @default true
+	 */
+	validateEvent?: boolean
+	/**
+	 * 按钮形式的 Radio 激活时的文本颜色
+	 * @default #ffffff
+	 */
+	textColor?: string
+	/**
+	 * 按钮形式的 Radio 激活时的填充色和边框色
+	 * @default #409eff
+	 */
+	fill?: string
+	/**
+	 * 原生 name 属性
+	 */
+	name?: string
+	/**
+	 * 原生 id 属性
+	 */
+	id?: string
+	/**
+	 * 选项的数据源， value 的 key 和 label 和  disabled可以通过 props自定义.
+	 */
+	options?: Array<{ [key: string]: any }>
+	/**
+	 * options 的配置
+	 * @default {value: 'value', label: 'label', disabled: 'disabled'}
+	 */
+	props?: { value?: string; label?: string; disabled?: boolean }
+	/**
+	 * 绑定值变化时触发的事件
+	 */
+	onChange?: (value: string | number | boolean) => void
+} & ExtraType
+
+/**
+ * 评分
+ */
+type RateType = {
+	/**
+	 * 最大分值
+	 * @default 5
+	 */
+	max?: number
+	/**
+	 * 尺寸
+	 */
+	size?: SizeType
+	/**
+	 * 是否为只读
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 是否允许半选
+	 * @default false
+	 */
+	allowHalf?: boolean
+	/**
+	 * 低分和中等分数的界限值， 值本身被划分在低分中
+	 * @default 2
+	 */
+	lowThreshold?: number
+	/**
+	 * 高分和中等分数的界限值， 值本身被划分在高分中
+	 * @default 4
+	 */
+	highThreshold?: number
+	/**
+	 * icon 的颜色。 若传入数组，共有 3 个元素，为 3 个分段所对应的颜色；若传入对象，可自定义分段，键名为分段的界限值，键值为对应的颜色
+	 * @default "['#f7ba2a', '#f7ba2a', '#f7ba2a']"
+	 */
+	colors?: string[] | Record<number, string>
+	/**
+	 * 未选中 icon 的颜色
+	 * @default #c6d1de
+	 */
+	voidColor?: string
+	/**
+	 * 只读时未选中 icon 的颜色
+	 * @default #eff2f7
+	 */
+	disabledVoidColor?: string
+	/**
+	 * 图标组件 若传入数组，则需要传入 3 个元素，分别为 3 个部分所对应的类名；若传入对象，则可自定义分段，键名为分段的界限值，键值为对应的类名
+	 * @default "[StarFilled, StarFilled, StarFilled]"
+	 */
+	icons?: string[] | Component[] | Record<number, string | Component>
+	/**
+	 * 未被选中的图标组件
+	 * @default Star
+	 */
+	voidIcon?: string | Component
+	/**
+	 * 禁用状态的未选择图标
+	 * @default StarFilled
+	 */
+	disabledVoidIcon?: string | Component
+	/**
+	 * 是否显示辅助文字，若为真，则会从 texts 数组中选取当前分数对应的文字内容
+	 * @default false
+	 */
+	showText?: boolean
+	/**
+	 * 是否显示当前分数， show-score 和 show-text 不能同时为真
+	 * @default false
+	 */
+	showScore?: boolean
+	/**
+	 * 辅助文字的颜色
+	 */
+	textColor?: string
+	/**
+	 * 辅助文字数组
+	 * @default "['Extremely bad', 'Disappointed', 'Fair', 'Satisfied', 'Surprise']"
+	 */
+	texts?: string[]
+	/**
+	 * 分数显示模板
+	 */
+	scoreTemplate?: string
+	/**
+	 * 是否可以重置值为 0
+	 * @default false
+	 */
+	clearable?: boolean
+	/**
+	 * 原生 id 属性
+	 */
+	id?: string
+	/**
+	 * 分值改变时触发
+	 */
+	onChange?: (value: number) => void
+} & ExtraType
+
+type SelectType = {
+	/**
+	 * 是否多选
+	 * @default false
+	 */
+	multiple?: boolean
+	/**
+	 * 选项的数据源， value 的 key 和 label 和  disabled可以通过 props自定义.
+	 */
+	options?: Array<{ [key: string]: any }>
+	/**
+	 * options 的配置
+	 * @default {value: 'value', label: 'label', options: 'options', disabled: 'disabled'}
+	 */
+	props?: { value?: string; label?: string; options?: string; disabled?: boolean }
+	/**
+	 * 是否禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 作为 value 唯一标识的键名，绑定值为对象类型时必填
+	 * @default value
+	 */
+	valueKey?: string
+	/**
+	 * select下拉框类型(线性或面性)
+	 */
+	selectType?: '' | 'planarity'
+	/**
+	 * 是否可以清空选项
+	 * @default false
+	 */
+	clearable?: boolean
+	/**
+	 * 多选时是否将选中值按文字的形式展示
+	 * @default false
+	 */
+	collapseTags?: boolean
+	/**
+	 * 当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapse-tags属性必须设定为 true
+	 * @default false
+	 */
+	collapseTagsTooltip?: boolean
+	/**
+	 * multiple 属性设置为 true 时，代表多选场景下用户最多可以选择的项目数， 为 0 则不限制
+	 * @default 0
+	 */
+	multipleLimit?: number
+	/**
+	 * Select 输入框的原生 name 属性
+	 */
+	name?: string
+	/**
+	 * 占位符
+	 * @default '请选择...'
+	 */
+	placeholder?: string
+	/**
+	 * Select 组件是否可筛选
+	 * @default false
+	 */
+	filterable?: boolean
+	/**
+	 * 是否允许用户创建新条目， 只有当 filterable 设置为 true 时才会生效。
+	 * @default false
+	 */
+	allowCreate?: boolean
+	/**
+	 * 自定义筛选方法
+	 */
+	filterMethod?: () => void
+	/**
+	 * 其中的选项是否从服务器远程加载
+	 * @default false
+	 */
+	remote?: boolean
+	/**
+	 * 自定义远程搜索方法
+	 */
+	remoteMethod?: () => void
+	/**
+	 * 远程搜索方法显示后缀图标
+	 * @default false
+	 */
+	remoteShowSuffix?: boolean
+	/**
+	 * 是否正在从远程获取数据
+	 * @default false
+	 */
+	loading?: boolean
+	/**
+	 * 从服务器加载数据时显示的文本
+	 * @default '加载中...'
+	 */
+	loadingText?: string
+	/**
+	 * 搜索条件无匹配时显示的文字，也可以使用 empty 插槽设置
+	 * @default '暂无匹配数据'
+	 */
+	noMatchText?: string
+	/**
+	 * 无选项时显示的文字，也可以使用 empty 插槽设置自定义内容
+	 * @default '暂无数据'
+	 */
+	noDataText?: string
+	/**
+	 * 选择器下拉菜单的自定义类名
+	 */
+	popperClass?: string
+	/**
+	 * 当 multiple 和 filterable被设置为 true 时，是否在选中一个选项后保留当前的搜索关键词
+	 * @default true
+	 */
+	reserveKeyword?: boolean
+	/**
+	 * 是否在输入框按下回车时，选择第一个匹配项。 需配合 filterable 或 remote 使用
+	 * @default false
+	 */
+	defaultFirstOption?: boolean
+	/**
+	 * 是否将下拉列表插入至 body 元素
+	 * @default true
+	 */
+	teleported?: boolean
+	/**
+	 * 当下拉选择器未被激活并且persistent设置为false，选择器会被删除。
+	 * @default true
+	 */
+	persistent?: boolean
+	/**
+	 * 对于不可搜索的 Select，是否在输入框获得焦点后自动弹出选项菜单
+	 * @default false
+	 */
+	automaticDropdown?: boolean
+	/**
+	 * 自定义清除图标
+	 * @default CircleClose
+	 */
+	clearIcon?: string | Component
+	/**
+	 * 下拉框的宽度是否与输入框相同
+	 * @default false
+	 */
+	fitInputWidth?: boolean
+	/**
+	 * 自定义后缀图标组件
+	 * @default ArrowDown
+	 */
+	suffixIcon?: string | Component
+	/**
+	 * 下拉菜单显示/消失时后缀图标的动画
+	 * @default true
+	 */
+	suffixTransition?: boolean
+	/**
+	 * 标签类型
+	 * @default 'info'
+	 */
+	tagType?: '' | 'success' | 'info' | 'warning' | 'danger'
+	/**
+	 * 是否触发表单验证
+	 * @default true
+	 */
+	validateEvent?: boolean
+	/**
+	 * 下拉框出现的位置
+	 * @default 'bottom-start'
+	 */
+	placement?: PlacementType
+	/**
+	 * 需要显示的 Tag 的最大数量 只有当 collapse-tags 设置为 true 时才会生效。
+	 * @default 1
+	 */
+	maxCollapseTags?: number
+	/**
+	 * 参考popper.js的参数
+	 * 	https://popper.js.org/docs/v2/
+	 */
+	popperOptions?: object
+	/**
+	 * 组件的空值配置 参考config-provider
+	 * http://www.he-fan.cn/zh-CN/component/config-provider.html
+	 * @example
+	 * 	下拉框选项包含：{label: '全部', value: ''}
+	 * 	如果设置了 emptyValues = ['', null, undefined]，则默认显示全部
+	 */
+	emptyValues?: any[]
+	/**
+	 * 清空选项的值
+	 * http://www.he-fan.cn/zh-CN/component/config-provider.html
+	 */
+	valueOnClear?: string | number | boolean | (() => void)
+	/**
+	 * 选中值发生变化时触发
+	 */
+	onChange?: (value: any) => void
+	/**
+	 * 下拉框出现/隐藏时触发
+	 */
+	onVisibleChange?: (visible: boolean) => void
+	/**
+	 * 多选模式下移除tag时触发
+	 */
+	onRemoveTag?: (tagValue: any) => void
+	/**
+	 * 可清空的单选模式下用户点击清空按钮时触发
+	 */
+	onClear?: () => void
+	/**
+	 * 当 input 失去焦点时触发
+	 */
+	onBlur?: (event: FocusEvent) => void
+	/**
+	 * 当 input 获得焦点时触发
+	 */
+	onFocus?: (event: FocusEvent) => void
+	/**
+	 * 下拉列表顶部的内容
+	 * @desc slot
+	 */
+	headerSlot?: SlotType
+	/**
+	 * 下拉列表底部的内容
+	 */
+	footerSlot?: SlotType
+	/**
+	 * Select 组件头部内容
+	 */
+	prefixSlot?: SlotType
+	/**
+	 * 无选项时的列表
+	 */
+	emptySlot?: SlotType
+	/**
+	 * select 组件自定义标签内容
+	 */
+	tagSlot?: SlotType
+	/**
+	 * select 组件自定义 loading内容
+	 */
+	loadingSlot?: SlotType
+	/**
+	 * select 组件自定义标签内容
+	 */
+	labelSlot?: SlotType
+} & ExtraType
+
+type SelectGroupType = {
+	/**
+	 * 分组的名称
+	 */
+	label?: string
+	/**
+	 * 是否将该分组下所有选项置为禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 选项
+	 */
+	options?: SelectType[]
+}
+
+/**
+ * 虚拟化选择器
+ */
+type VirtualizedSelectType = {
+	/**
+	 * 选项的数据源， value 的 key 和 label 可以通过 props自定义.
+	 */
+	options?: Array<any>
+	/**
+	 * 配置选项
+	 */
+	props?: {
+		/**
+		 * 指定选项的值为选项对象的某个属性值
+		 * @default value
+		 */
+		value?: string
+		/**
+		 * 指定节点标签为节点对象的某个属性值
+		 * @default label
+		 */
+		label?: string
+		/**
+		 * 指定选项的子选项为选项对象的某个属性值
+		 * @default options
+		 */
+		options?: string
+		/**
+		 * 指定选项的禁用为选项对象的某个属性值
+		 * @default disabled
+		 */
+		disabled?: string
+	}
+	/**
+	 * 是否多选
+	 * @default false
+	 */
+	multiple?: boolean
+	/**
+	 * 是否禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 作为 value 唯一标识的键名，绑定值为对象类型时必填
+	 * @default value
+	 */
+	valueKey?: string
+	/**
+	 * 组件大小
+	 */
+	size?: SizeType
+	/**
+	 * 是否可以清空选项
+	 * @default false
+	 */
+	clearable?: boolean
+	/**
+	 * 自定义清除图标
+	 * @default CircleClose
+	 */
+	clearIcon?: string | Component
+	/**
+	 * 多选时是否将选中值按文字的形式展示
+	 * @default false
+	 */
+	collapseTags?: boolean
+	/**
+	 * 多选时可被选择的最大数目。 当被设置为0时，可被选择的数目不设限。
+	 * @default 0
+	 */
+	multipleLimit?: number
+	/**
+	 * 原生 input 的 id
+	 */
+	id?: string
+	/**
+	 * 选择器的原生name属性
+	 */
+	name?: string
+	/**
+	 * tooltip 主题，内置了 dark / light 两种
+	 * @default light
+	 */
+	effect?: 'dark' | 'light'
+	/**
+	 * 自动完成选择输入
+	 * @default off
+	 */
+	autocomplete?: string
+	/**
+	 * 占位文字
+	 * @default 请输入
+	 */
+	placeholder?: string
+	/**
+	 * Select 组件是否可筛选
+	 * @default false
+	 */
+	filterable?: boolean
+	/**
+	 * 是否允许创建新条目， 当使用该属性时，filterable必须设置为true
+	 * @default false
+	 */
+	allowCreate?: boolean
+	/**
+	 * 自定义筛选方法的第一个参数是当前输入的值。 当filterable设置为 true 时才会生效
+	 */
+	filterMethod?: (query: string) => void
+	/**
+	 * 是否从远程加载数据
+	 * @default false
+	 */
+	loading?: boolean
+	/**
+	 * 从服务器加载数据时显示的文本，默认为“Loading”
+	 */
+	loadingText?: string
+	/**
+	 * 筛选时，是否在选择选项后保留关键字
+	 * @default true
+	 */
+	reserveKeyword?: boolean
+	/**
+	 * 是否在输入框按下回车时，选择第一个匹配项。 需配合 filterable 或 remote 使用
+	 * @default false
+	 */
+	defaultFirstOption?: boolean
+	/**
+	 * 搜索条件无匹配时显示的文字，也可以使用 empty 插槽设置，默认是 “No matching data'”
+	 */
+	noMatchText?: string
+	/**
+	 * 当在没有数据时显示的文字，你同时可以使用empty插槽进行设置。
+	 * @default 暂无数据
+	 */
+	noDataText?: string
+	/**
+	 * Select 下拉菜单和标签提示的自定义类名
+	 */
+	popperClass?: string | object
+	/**
+	 * Select 下拉菜单和标签提示的自定义样式
+	 */
+	popperStyle?: string | object
+	/**
+	 * 是否使用 teleport。设置成 true则会被追加到 append-to 的位置
+	 * @default true
+	 */
+	teleported?: boolean
+	/**
+	 * 下拉框挂载到哪个 DOM 元素
+	 * CSSSelector / HTMLElement
+	 */
+	appendTo?: string | HTMLElement
+	/**
+	 * 当下拉选择器未被激活并且persistent设置为false，选择器会被删除。
+	 * @default true
+	 */
+	persistent?: boolean
+	/**
+	 * 自定义 popper 选项，更多请参考 popper.js
+	 * https://popper.js.org/docs/v2/
+	 */
+	popperOptions?: object
+	/**
+	 * 对于不可搜索的 Select，是否在输入框获得焦点后自动弹出选项菜单
+	 * @default false
+	 */
+	automaticDropdown?: boolean
+	/**
+	 * 无论下拉框的宽度是否与输入框相同，如果值为number，则宽度是固定的。
+	 * @default true
+	 */
+	fitInputWidth?: boolean | number
+	/**
+	 * 自定义后缀图标组件
+	 * @default ArrowDown
+	 */
+	suffixIcon?: string | Component
+	/**
+	 * 下拉菜单的高度，每一个选项为34px
+	 * @default 274
+	 */
+	height?: number
+	/**
+	 * 下拉项的高度
+	 * @default 34
+	 */
+	itemHeight?: 34
+	/**
+	 * 是否总是展示滚动条
+	 * @default false
+	 */
+	scrollbarAlwaysOn?: boolean
+	/**
+	 * 是否从服务器获取数据
+	 * @default false
+	 */
+	remote?: boolean
+	/**
+	 * 当输入值发生变化时触发的函数。 它的参数就是当前的输入值。 当filterable设置为 true 时才会生效
+	 */
+	remoteMethod?: (query: string) => void
+	/**
+	 * 是否触发表单验证
+	 * @default true
+	 */
+	validateEvent?: boolean
+	/**
+	 * 下拉面板偏移量
+	 * @default 12
+	 */
+	offset?: number
+	/**
+	 * 下拉菜单的内容是否有箭头
+	 * @default true
+	 */
+	showArrow?: boolean
+	/**
+	 * 下拉框出现的位置
+	 * @default bottom-start
+	 */
+	placement?: PlacementType
+	/**
+	 * 当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此功能，collapse-tags的值必须为true
+	 * @default false
+	 */
+	collapseTagsTooltip?: boolean
+	/**
+	 * 需要显示的 Tag 的最大数量。 只有当 collapse-tags 设置为 true 时才会生效。
+	 * @default 1
+	 */
+	maxCollapseTags?: number
+	/**
+	 * 标签类型
+	 * @default info
+	 */
+	tagType?: '' | 'success' | 'info' | 'warning' | 'danger'
+	/**
+	 * 标签效果
+	 * @default light
+	 */
+	tagEffect?: '' | 'light' | 'dark' | 'plain'
+	/**
+	 * 组件的空值配置 参考config-provider
+	 * https://cn.element-plus.org/zh-CN/component/config-provider
+	 */
+	emptyValues?: any[]
+	/**
+	 * 清空选项的值 参考 config-provider
+	 */
+	valueOnClear?: string | number | boolean | (() => void)
+	/**
+	 * 是否将弹出框插入至 body 元素 当弹出框的位置出现问题时，你可以尝试将该属性设置为false。
+	 * @default false
+	 */
+	popperAppendToBody?: boolean
+	/**
+	 * input 的 tabindex
+	 */
+	tabindex?: string | number
+	/**
+	 * 当所选值更改时触发，参数是当前选中的值
+	 */
+	onChange?: (val: any) => void
+	/**
+	 * 当下拉菜单出现/消失时触发器, 当它出现时, 参数将是 true, 否则将是 false
+	 */
+	onVisibleChange?: (visible: boolean) => void
+	/**
+	 * 当一个标签在多个模式下被移除时触发，参数将被移除标签值
+	 */
+	onRemoveTag?: (tagValue: any) => void
+	/**
+	 * 可清空的单选模式下用户点击清空按钮时触发
+	 */
+	onClear?: () => void
+	/**
+	 * 当选择器的输入框失去焦点时触发
+	 */
+	onBlur?: (event: FocusEvent) => void
+	/**
+	 * 当选择器的输入框获得焦点时触发
+	 */
+	onFocus?: (event: FocusEvent) => void
+	/**
+	 * 下拉列表顶部的内容
+	 */
+	headerSlot?: SlotType
+	/**
+	 * 下拉列表底部的内容
+	 */
+	footerSlot?: SlotType
+	/**
+	 * 自定义当选项为空时的内容
+	 */
+	emptySlot?: SlotType
+	/**
+	 * 输入框的前缀
+	 */
+	prefixSlot?: SlotType
+	/**
+	 * 作为 Select 组件的内容时，子标签 data、selectDisabled 和 deleteTag 是在版本 2.10.3 中新增的。
+	 * { data: Option[], selectDisabled: boolean, deleteTag: (event: MouseEvent, option: Option) => void }
+	 */
+	tagSlot?: SlotType
+	/**
+	 * select 组件自定义 loading内容
+	 */
+	loadingSlot?: SlotType
+	/**
+	 * select 组件自定义标签内容 index
+	 */
+	labelSlot?: SlotType
+} & ExtraType
+
+/**
+ * 滑块
+ */
+type SliderType = {
+	/**
+	 * 最小值
+	 * @default 0
+	 */
+	min?: number
+	/**
+	 * 最大值
+	 * @default 100
+	 */
+	max?: number
+	/**
+	 * 是否禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 步长
+	 * @default 1
+	 */
+	step?: number
+	/**
+	 * 是否显示输入框，仅在非范围选择时有效
+	 * @default false
+	 */
+	showInput?: boolean
+	/**
+	 * 在显示输入框的情况下，是否显示输入框的控制按钮
+	 * @default true
+	 */
+	showInputControls?: boolean
+	/**
+	 * slider 包装器的大小，垂直模式下该属性不可用
+	 */
+	size?: SizeType
+	/**
+	 * 输入框的大小，如果设置了 size 属性，默认值自动取 size
+	 */
+	inputSize?: SizeType
+	/**
+	 * 是否显示间断点
+	 * @default false
+	 */
+	showStops?: boolean
+	/**
+	 * 是否显示提示信息
+	 * @default true
+	 */
+	showTooltip?: boolean
+	/**
+	 * 格式化提示信息
+	 */
+	formatTooltip?: (value: number) => number | string
+	/**
+	 * 是否开启选择范围
+	 * @default false
+	 */
+	range?: boolean
+	/**
+	 * 垂直模式
+	 * @default false
+	 */
+	vertical?: boolean
+	/**
+	 * 滑块高度，垂直模式必填
+	 */
+	height?: string
+	/**
+	 * 当 range 为true时，屏幕阅读器标签开始的标记
+	 */
+	rangeStartLabel?: string
+	/**
+	 * 当 range 为true时，屏幕阅读器标签结尾的标记
+	 */
+	rangeEndLabel?: string
+	/**
+	 * 显示屏幕阅读器的 aria-valuenow 属性的格式
+	 */
+	formatValueText?: (value: number) => string
+	/**
+	 * 输入时的去抖延迟，毫秒，仅在 show-input 等于 true 时有效
+	 * @default 300
+	 */
+	debounce?: number
+	/**
+	 * tooltip 的自定义类名
+	 */
+	tooltipClass?: string
+	/**
+	 * Tooltip 出现的位置
+	 * @default top
+	 */
+	placement?: PlacementType
+	/**
+	 * 标记， key 的类型必须为 number 且取值在闭区间 [min, max] 内，每个标记可以单独设置样式
+	 */
+	marks?: Record<number, string | { style: CSSProperties; label: any }>
+	/**
+	 * 输入时是否触发表单的校验
+	 * @default true
+	 */
+	validateEvent?: boolean
+	/**
+	 * 当 slider 的 tooltip 处于非活动状态且 persistent 为 false 时，Popconfirm 将被销毁。 当 show-tooltip 为 false 时，persistent 将始终为 false。
+	 * @default true
+	 */
+	persistent?: boolean
+	/**
+	 * 值改变时触发（使用鼠标拖曳时，只在松开鼠标后触发）
+	 */
+	onChange?: (value: number | number[]) => boolean
+	/**
+	 * 数据改变时触发（使用鼠标拖曳时，活动过程实时触发）
+	 */
+	onInput?: (value: number | number[]) => boolean
+} & ExtraType
+
+/**
+ * 开关
+ */
+type SwitchType = {
+	/**
+	 * 是否禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 是否显示加载中
+	 * @default false
+	 */
+	loading?: boolean | Ref<boolean>
+	/**
+	 * switch 的大小
+	 */
+	size?: SizeType
+	/**
+	 * switch 的宽度
+	 */
+	width?: number | string
+	/**
+	 * 无论图标或文本是否显示在点内，只会呈现文本的第一个字符
+	 * @default false
+	 */
+	inlinePrompt?: boolean
+	/**
+	 * switch 状态为 on 时所显示图标，设置此项会忽略 active-text
+	 */
+	activeIcon?: string | Component
+	/**
+	 * switch 状态为 off 时所显示图标，设置此项会忽略 inactive-text
+	 */
+	inactiveIcon?: string | Component
+	/**
+	 * on状态下显示的图标组件
+	 */
+	activeActionIcon?: string | Component
+	/**
+	 * off状态下显示的图标组件
+	 */
+	inactiveActionIcon?: string | Component
+	/**
+	 * switch 打开时的文字描述
+	 */
+	activeText?: string
+	/**
+	 * switch 的状态为 off 时的文字描述
+	 */
+	inactiveText?: string
+	/**
+	 * switch 状态为 on 时的值
+	 * @default true
+	 */
+	activeValue?: boolean | string | number
+	/**
+	 * switch的状态为 off 时的值
+	 * @default false
+	 */
+	inactiveValue?: boolean | string | number
+	/**
+	 * switch 对应的 name 属性
+	 */
+	name?: string
+	/**
+	 * 是否触发表单验证
+	 * @default true
+	 */
+	validateEvent?: boolean
+	/**
+	 * switch 状态改变前的钩子， 返回 false 或者返回 Promise 且被 reject 则停止切换
+	 */
+	beforeChange?: () => Promise<boolean> | boolean
+	/**
+	 * input 的 id
+	 */
+	id?: string
+	/**
+	 * 当在 on 状态时的背景颜色(推荐使用 CSS var --el-switch-on-color )
+	 */
+	activeColor?: string
+	/**
+	 * off 状态时的背景颜色(推荐使用 CSS var --el-switch-off-color )
+	 */
+	inactiveColor?: string
+	/**
+	 * 开关的边框颜色 ( 推荐使用 CSS var --el-switch-border-color )
+	 */
+	borderColor?: string
+	/**
+	 * switch 状态发生变化时的回调函数
+	 */
+	onChange?: (val: boolean | string | number) => void
+	/**
+	 * 自定义 active 行为
+	 */
+	activeActionSlot?: SlotType
+	/**
+	 * 自定义 inactive 行为
+	 */
+	inactiveAction?: SlotType
+} & ExtraType
+
+/**
+ * 时间选择器
+ */
+type TimePickerType = {
+	/**
+	 * 完全只读
+	 * @default false
+	 */
+	readonly?: boolean
+	/**
+	 * 禁用
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 文本框可输入
+	 * @default true
+	 */
+	editable?: boolean
+	/**
+	 * 是否显示清除按钮
+	 * @default true
+	 */
+	clearable?: boolean
+	/**
+	 * 输入框尺寸
+	 */
+	size?: SizeType
+	/**
+	 * 非范围选择时的占位内容
+	 */
+	placeholder?: string
+	/**
+	 * 范围选择时开始日期的占位内容
+	 */
+	startPlaceholder?: string
+	/**
+	 * 范围选择时结束日期的占位内容
+	 */
+	endPlaceholder?: string
+	/**
+	 * 是否为时间范围选择
+	 * @default false
+	 */
+	isRange?: boolean
+	/**
+	 * 是否使用箭头进行时间选择
+	 * @default false
+	 */
+	arrowControl?: boolean
+	/**
+	 * TimePicker 下拉框的类名
+	 */
+	popperClass?: string
+	/**
+	 * 为 TimePicke 的下拉菜单自定义样式
+	 */
+	popperStyle?: string | object
+	/**
+	 * 自定义 popper 选项，更多请参考 popper.js
+	 * https://popper.js.org/docs/v2/
+	 */
+	popperOptions?: object
+	/**
+	 * 下拉框出现的位置
+	 * @default bottom
+	 */
+	placement?: PlacementType
+	/**
+	 * 选择范围时的分隔符
+	 * @default '-'
+	 */
+	rangeSeparator?: string
+	/**
+	 * 显示在输入框中的格式
+	 */
+	format?: string
+	/**
+	 * 可选，选择器打开时默认显示的时间
+	 */
+	defaultValue?: Date | [Date, Date]
+	/**
+	 * 可选，绑定值的格式。 不指定则绑定值为 Date 对象
+	 */
+	valueFormat?: string
+	/**
+	 * 等价于原生 input id 属性
+	 */
+	id?: string
+	/**
+	 * 等价于原生 input name 属性
+	 */
+	name?: string
+	/**
+	 * 自定义前缀图标
+	 * @default Clock
+	 */
+	prefixIcon?: string | Component
+	/**
+	 * 自定义清除图标
+	 * @default CircleClose
+	 */
+	clearIcon?: string | Component
+	/**
+	 * 禁止选择部分小时选项
+	 */
+	disabledHours?: (role: string, comparingDate?: Dayjs) => number[]
+	/**
+	 * 禁止选择部分分钟选项
+	 */
+	disabledMinutes?: (hour: number, role: string, comparingDate?: Dayjs) => number[]
+	/**
+	 * 禁止选择部分秒选项
+	 */
+	disabledSeconds?: (
+		hour: number,
+		minute: number,
+		role: string,
+		comparingDate?: Dayjs
+	) => number[]
+	/**
+	 * 是否将 popover 的下拉列表镜像至 body 元素
+	 * @default true
+	 */
+	teleported?: boolean
+	/**
+	 * 输入框的 tabindex
+	 */
+	tabindex?: string | number
+	/**
+	 * 组件的空值配置 参考config-provider
+	 * https://cn.element-plus.org/zh-CN/component/config-provider
+	 */
+	emptyValues?: any[]
+	/**
+	 * 清空选项的值 参考 config-provider
+	 */
+	valueOnClear?: string | number | boolean | (() => void)
+	/**
+	 * 用户确认选定的值时触发
+	 */
+	onChange?: (
+		val: number | string | Date | [number, number] | [string, string] | [Date, Date]
+	) => void
+	/**
+	 * 在组件 Input 失去焦点时触发
+	 */
+	onBlur?: (e: FocusEvent) => void
+	/**
+	 * 在组件 Input 获得焦点时触发
+	 */
+	onFocus?: (e: FocusEvent) => void
+	/**
+	 * 可清空的模式下用户点击清空按钮时触发
+	 */
+	onClear?: () => void
+	/**
+	 * 当 TimePicker 的下拉列表出现/消失时触发
+	 */
+	onVisibleChange?: (visibility: boolean) => void
+} & ExtraType
+
+/**
+ * 时间选择
+ */
+type TimeSelectType = {
+	/**
+	 * 禁用状态
+	 * @default false
+	 */
+	disabled?: BooleanOrDynamicBoolean
+	/**
+	 * 文本框可输入
+	 * @default true
+	 */
+	editable?: boolean
+	/**
+	 * 是否显示清除按钮
+	 * @default true
+	 */
+	clearable?: boolean
+	/**
+	 * 是否在选项中包含end
+	 * @default false
+	 */
+	includeEndTime?: boolean
+	/**
+	 * 输入框尺寸
+	 */
+	size?: SizeType
+	/**
+	 * 非范围选择时的占位内容
+	 */
+	placeholder?: string
+	/**
+	 * 原生属性
+	 */
+	name?: string
+	/**
+	 * Tooltip 主题，内置了 dark / light 两种主题
+	 * @default light
+	 */
+	effect?: string | 'dark' | 'light'
+	/**
+	 * 自定义前缀图标
+	 * @default Clock
+	 */
+	prefixIcon?: string | Component
+	/**
+	 * 自定义清除图标
+	 * @default CircleClose
+	 */
+	clearIcon?: string | Component
+	/**
+	 * 开始时间
+	 * @default 09:00
+	 */
+	start?: string
+	/**
+	 * 结束时间
+	 * @default 18:00
+	 */
+	end?: string
+	/**
+	 * 间隔时间
+	 * @default 00:30
+	 */
+	step?: string
+	/**
+	 * 最早时间点，早于该时间的时间段将被禁用
+	 */
+	minTime?: string
+	/**
+	 * 最晚时间点，晚于该时间的时间段将被禁用
+	 */
+	maxTime?: string
+	/**
+	 * 设置时间格式
+	 * @default HH:mm
+	 */
+	format?: string
+	/**
+	 * 组件的空值配置 参考config-provider
+	 * https://cn.element-plus.org/zh-CN/component/config-provider
+	 */
+	emptyValues?: any[]
+	/**
+	 * 清空选项的值 参考 config-provider
+	 */
+	valueOnClear?: string | number | boolean | (() => void)
+	/**
+	 * 为 TimeSelect 下拉面板设置自定义类名
+	 */
+	popperClass?: string
+	/**
+	 * 为 TimeSelect 下拉面板设置自定义样式
+	 */
+	popperStyle?: string | object
+	/**
+	 * 用户确认选定的值时触发
+	 */
+	onChange?: (value: string) => void
+	/**
+	 * 在组件 Input 失去焦点时触发
+	 */
+	onBlur?: (event: FocusEvent) => void
+	/**
+	 * 在组件 Input 获得焦点时触发
+	 */
+	onFocus?: (event: FocusEvent) => void
+	/**
+	 * 可清空的单选模式下用户点击清空按钮时触发
+	 */
+	onClear?: () => void
+} & ExtraType
+
+/**
+ * 树形控件
+ */
+type TreeType = {
+	/**
+	 * 展示数据
+	 */
+	data?: Array<{ [key: string]: any }>
+	/**
+	 * 内容为空的时候展示的文本
+	 */
+	emptyText?: string
+	/**
+	 * 每个树节点用来作为唯一标识的属性，整棵树应该是唯一的
+	 */
+	nodeKey?: string
+	/**
+	 * 配置选项
+	 */
+	props?: {
+		/**
+		 * 指定节点标签为节点对象的某个属性值
+		 */
+		label?: string | ((data: any, node: any) => string)
+		/**
+		 * 指定子树为节点对象的某个属性值
+		 */
+		children?: string
+		/**
+		 * 指定节点选择框是否禁用为节点对象的某个属性值
+		 */
+		disabled?: string | ((data: any, node: any) => boolean)
+		/**
+		 * 指定节点是否为叶子节点，仅在指定了 lazy 属性的情况下生效
+		 */
+		isLeaf?: string | ((data: any, node: any) => boolean)
+		/**
+		 * 自定义节点类名
+		 */
+		class?: string | ((data: any, node: any) => boolean)
+	}
+	/**
+	 * 是否在第一次展开某个树节点后才渲染其子节点
+	 * @default true
+	 */
+	renderAfterExpand?: boolean
+	/**
+	 * 加载子树数据的方法，仅当 lazy 属性为true 时生效
+	 */
+	load?: (node: any, resolve: any, reject: any) => void
+	/**
+	 * 树节点的内容区的渲染 Function
+	 */
+	renderContent?: (h: any, { node, data, store }: any) => void
+	/**
+	 * 是否高亮当前选中节点
+	 * @default false
+	 */
+	highlightCurrent?: boolean
+	/**
+	 * 是否默认展开所有节点
+	 * @default false
+	 */
+	defaultExpandAll?: boolean
+	/**
+	 * 是否在点击节点的时候展开或者收缩节点， 默认值为 true，如果为 false，则只有点箭头图标的时候才会展开或者收缩节点。
+	 * @default true
+	 */
+	expandOnClickNode?: boolean
+	/**
+	 * 是否在点击节点的时候选中节点，默认值为 false，即只有在点击复选框时才会选中节点。
+	 * @default false
+	 */
+	checkOnClickNode?: boolean
+	/**
+	 * 点击叶节点(最后一个子节点)时是否选中或取消选中节点。
+	 * @default true
+	 */
+	checkOnClickLeaf?: boolean
+	/**
+	 * 展开子节点的时候是否自动展开父节点
+	 * @default true
+	 */
+	autoExpandParent?: boolean
+	/**
+	 * 默认展开的节点的 key 的数组
+	 */
+	defaultExpandedKeys?: Array<string | number>
+	/**
+	 * 节点是否可被选择
+	 * @default false
+	 */
+	showCheckbox?: boolean
+	/**
+	 * 在显示复选框的情况下，是否严格的遵循父子不互相关联的做法
+	 * @default false
+	 */
+	checkStrictly?: boolean
+	/**
+	 * 默认勾选的节点的 key 的数组
+	 */
+	defaultCheckedKeys?: Array<string | number>
+	/**
+	 * 当前选中的节点
+	 */
+	currentNodeKey?: string | number
+	/**
+	 * 对树节点进行筛选时执行的方法， 返回 false 则表示这个节点会被隐藏
+	 */
+	filterNodeMethod?: (value: any, data: any, node: any) => boolean
+	/**
+	 * 是否每次只打开一个同级树节点展开
+	 * @default false
+	 */
+	accordion?: boolean
+	/**
+	 * 相邻级节点间的水平缩进，单位为像素
+	 * @default 18
+	 */
+	indent?: number
+	/**
+	 * 自定义树节点图标组件
+	 */
+	icon?: string | Component
+	/**
+	 * 是否懒加载子节点，需与 load 方法结合使用
+	 * @default false
+	 */
+	lazy?: boolean
+	/**
+	 * 是否开启拖拽节点功能
+	 * @default false
+	 */
+	draggable?: boolean
+	/**
+	 * 判断节点能否被拖拽 如果返回 false ，节点不能被拖动
+	 */
+	allowDrag?: (node: any) => boolean
+	/**
+	 * 拖拽时判定目标节点能否成为拖动目标位置。 如果返回 false ，拖动节点不能被拖放到目标节点。 type 参数有三种情况：'prev'、'inner' 和 'next'，分别表示放置在目标节点前、插入至目标节点和放置在目标节点后
+	 */
+	allowDrop?: (draggingNode: any, dropNode: any, type: any) => boolean
+	/**
+	 * 当节点被点击的时候触发
+	 * @param targetObj 对应于节点点击的节点对象
+	 * @param node TreeNode 的 node 属性
+	 * @param treeNode TreeNode
+	 * @param fun 事件对象
+	 */
+	onNodeClick?: (targetObj: any, node: any, treeNode: any, fun: any) => void
+	/**
+	 * 当某一节点被鼠标右键点击时会触发该事件
+	 * @param event
+	 * @param data 传递给 data 属性的数组中该节点所对应的对象
+	 * @param node 节点对应的 Node
+	 * @param com 节点组件本身
+	 */
+	onNodeContextmenu?: (event: any, data: any, node: any, com: any) => void
+	/**
+	 * 当复选框被点击的时候触发
+	 * @param data 传递给 data 属性的数组中该节点所对应的对象
+	 * @param isCheck 节点本身是否被选中
+	 * @param childrenHasChecked 节点的子树中是否有被选中的节点
+	 */
+	onCheckChange?: (data: any, isCheck: boolean, childrenHasChecked: boolean) => void
+	/**
+	 * 点击节点复选框之后触发
+	 * @param data 传递给 data 属性的数组中该节点所对应的对象
+	 * @param obj 树目前的选中状态对象，包含 checkedNodes、checkedKeys、halfCheckedNodes、halfCheckedKeys 四个属性
+	 */
+	onCheck?: (data: any, obj: any) => void
+	/**
+	 * 当前选中节点变化时触发的事件
+	 * @param data 当前节点的数据
+	 * @param nodeData 当前节点的 Node 对象
+	 */
+	onCurrentChange?: (data: any, nodeData: any) => void
+	/**
+	 * 节点被展开时触发的事件
+	 * @param data 传递给 data 属性的数组中该节点所对应的对象
+	 * @param nodeData 节点对应的 Node
+	 * @param node 节点组件本身
+	 */
+	onNodeExpand?: (data: any, nodeData: any, node: any) => void
+	/**
+	 * 节点被关闭时触发的事件
+	 * @param data 传递给 data 属性的数组中该节点所对应的对象
+	 * @param nodeData 节点对应的 Node
+	 * @param node 节点组件本身
+	 */
+	onNodeCollapse?: (data: any, nodeData: any, node: any) => void
+	/**
+	 * 节点开始拖拽时触发的事件
+	 * @param node 被拖拽节点对应的 Node
+	 * @param event
+	 */
+	onNodeDragStart?: (node: any, event: any) => void
+	/**
+	 * 拖拽进入其他节点时触发的事件
+	 * @param node 被拖拽节点对应的 Node
+	 * @param enterNode 所进入节点对应的 Node
+	 * @param event
+	 */
+	onNodeDragEnter?: (node: any, enterNode: any, event: any) => void
+	/**
+	 * 拖拽离开某个节点时触发的事件
+	 * @param node 被拖拽节点对应的 Node
+	 * @param leaveNode 所离开节点对应的 Node
+	 * @param event
+	 */
+	onNodeDragLeave?: (node: any, leaveNode: any, event: any) => void
+	/**
+	 * 在拖拽节点时触发的事件（类似浏览器的 mouseover 事件）
+	 * @param node 被拖拽节点对应的 Node
+	 * @param enterNode 当前进入节点对应的 Node
+	 * @param event
+	 */
+	onNodeDragOver?: (node: any, enterNode: any, event: any) => void
+	/**
+	 * 拖拽结束时（可能未成功）触发的事件
+	 * @param node 被拖拽节点对应的 Node
+	 * @param lastNode 结束拖拽时最后进入的节点（可能为空）
+	 * @param type 被拖拽节点的放置位置（before、after、inner）
+	 * @param event
+	 */
+	onNodeDragEnd?: (
+		node: any,
+		lastNode: any,
+		type: 'before' | 'after' | 'inner',
+		event: any
+	) => void
+	/**
+	 * 拖拽成功完成时触发的事件
+	 * @param node 被拖拽节点对应的 Node
+	 * @param lastNode 结束拖拽时最后进入的节点（可能为空）
+	 * @param type 被拖拽节点的放置位置（before、after、inner）
+	 * @param event
+	 */
+	onNodeDrop?: (node: any, lastNode: any, type: 'before' | 'after' | 'inner', event: any) => void
+	/**
+	 * 当数据为空时自定义的内容
+	 */
+	emptySlot?: SlotType
+} & ExtraType
+
+/**
+ * 分割线
+ */
+type DividerType = {
+	/**
+	 * 设置分割线方向
+	 * @default horizontal
+	 */
+	direction?: 'horizontal' | 'vertical'
+	/**
+	 * 设置分隔符样式
+	 * @default solid
+	 */
+	borderStyle?: 'none' | 'solid' | 'hidden' | 'dashed'
+	/**
+	 * 自定义分隔线内容的位置
+	 * @default center
+	 */
+	contentPosition?: 'left' | 'right' | 'center'
+} & ExtraType
+
+type Schema<ComponentType, T> = {
+	/**
+	 * 表单控件类型
+	 * @description
+	 * Cascader: 级联选择器
+	 *
+	 * CascaderPanel: 级联选择面板
+	 *
+	 * Checkbox: 多选框
+	 *
+	 * CheckboxGroup: 多选框组
+	 *
+	 * CheckboxButton: 多选框按钮式
+	 *
+	 * ColorPicker: 颜色选择器
+	 *
+	 * ColorPickerPanel: 颜色选择面板
+	 *
+	 * DatePicker: 日期选择器
+	 *
+	 * DateTimePicker: 日期时间选择器
+	 *
+	 * Input: 输入框
+	 *
+	 * InputNumber: 数字输入框
+	 *
+	 * Radio: 单选框
+	 *
+	 * RadioGroup: 单选框组
+	 *
+	 * Rate: 评分
+	 *
+	 * Select: 选择器
+	 *
+	 * SelectGroup: 选择器分组
+	 *
+	 * VirtualizedSelect: 虚拟选择器
+	 *
+	 * Slider: 滑块
+	 *
+	 * Switch: 开关
+	 *
+	 * TimePicker: 时间选择器
+	 *
+	 * TimeSelect: 时间选择器
+	 *
+	 * TreeSelect: 树形选择器
+	 *
+	 * Upload: 上传
+	 *
+	 * Divider: 分割线
+	 */
+	component?: ComponentType
+	/**
+	 * 标签名
+	 */
+	label?: string
+	/**
+	 * 标签描述 如 这是标签(subLable): ***
+	 */
+	subLabel?: string
+	/**
+	 * 标签宽度
+	 */
+	labelWidth?: string | number | (() => Recordable)
+	/**
+	 * 提示信息
+	 */
+	toolTip?: boolean | ((model: Recordable) => boolean)
+	/**
+	 * tooltip 配置信息
+	 * ElTooltipProps
+	 */
+	toolTipProps?: any
+	/**
+	 * 值发生变化触发的函数名
+	 * @default onChange
+	 */
+	changeEvent?: string
+
+	// 表单控件参数 请在ant-design-vue中查看具体的配置信息
+	props?: ((model: Recordable) => T) | T
+
+	/**
+	 * 表单绑定的属性，亦作为name属性，用于后期自动化测试
+	 */
+	name?: string | string[]
+	/**
+	 * 是否必填
+	 */
+	required?: BooleanOrDynamicBoolean | ((model: Recordable) => boolean)
+	/**
+	 * 输入框的后缀
+	 */
+	suffix?: string | number | VNode | ((model: Recordable) => VNode | VNode[] | string)
+	/**
+	 * 输入框的前缀
+	 */
+	prefix?: string | number | VNode | ((model: Recordable) => VNode | VNode[] | string)
+	/**
+	 * 验证规则
+	 */
+	rules?: RuleType[]
+	/**
+	 * 提示信息是否带上lable
+	 */
+	rulesMessageJoinLabel?: boolean
+	/**
+	 * 默认值
+	 */
+	defaultValue?: any
+	/**
+	 * 是否显示
+	 */
+	show?: boolean | ((model: Recordable) => boolean)
+	/**
+	 * 渲染item
+	 */
+	render?: (model: Recordable) => VNode | VNode[] | string
+	/**
+	 * 渲染整个条目
+	 */
+	renderCol?: (model: Recordable) => VNode | VNode[] | string
+	/**
+	 * col相关的配置
+	 */
+	colProps?: Partial<ColProps>
+	/**
+	 * 占有栅格数, 总数为24
+	 */
+	span?: number
+	/**
+	 * 插槽名称
+	 */
+	slot?: string
+	colSlot?: string
+	/**
+	 * 是否禁用
+	 */
+	disabled?: boolean | ((model: Recordable) => boolean)
+	/**
+	 * 动态校验规则
+	 * @param model
+	 */
+	dynamicRules?: (model: Recordable) => RuleType[]
+	/**
+	 * lable后面是否有冒号
+	 */
+	colon?: boolean
+	/**
+	 * filter 是否处于收缩状态 仅在 search 模式下使用
+	 * @default true
+	 */
+	isAdvanced?: boolean
+	/**
+	 * 对表单内容的文字信息描述
+	 */
+	description?: string
+}
+
+type FormSchema =
+	| Schema<'Cascader', CascaderType>
+	| Schema<'CascaderPanel', CascaderPanelType>
+	| Schema<'Checkbox', CheckboxType>
+	| Schema<'CheckboxGroup', CheckboxGroupType>
+	| Schema<'CheckboxButton', CheckboxButtonType>
+	| Schema<'ColorPicker', ColorPickerType>
+	| Schema<'ColorPickerPanel', ColorPickerPanelType>
+	| Schema<'DatePicker', DatePickerType>
+	| Schema<'DateTimePicker', DateTimePickerType>
+	| Schema<'Input', InputType>
+	| Schema<'InputNumber', InputNumberType>
+	| Schema<'Radio', RadioType>
+	| Schema<'RadioGroup', RadioGroupType>
+	| Schema<'Rate', RateType>
+	| Schema<'Select', SelectType>
+	| Schema<'SelectGroup', SelectGroupType>
+	| Schema<'VirtualizedSelect', VirtualizedSelectType>
+	| Schema<'Slider', SliderType>
+	| Schema<'Switch', SwitchType>
+	| Schema<'TimePicker', TimePickerType>
+	| Schema<'TimeSelect', TimeSelectType>
+	| Schema<'TreeSelect', TreeType>
+	| Schema<'Upload', UploadFileType>
+	| Schema<'Divider', DividerType>
+
+export type {
+	ComponentType,
+	FormSchema,
+	CascaderType,
+	CascaderPanelType,
+	CheckboxType,
+	CheckboxGroupType,
+	CheckboxButtonType,
+	ColorPickerType,
+	ColorPickerPanelType,
+	DatePickerType,
+	DateTimePickerType,
+	InputType,
+	InputNumberType,
+	RadioType,
+	RadioGroupType,
+	SelectType,
+	SelectGroupType,
+	VirtualizedSelectType,
+	SliderType,
+	SwitchType,
+	TimePickerType,
+	TimeSelectType,
+	TreeType,
+	StrOrDynamicStr
+}