@dt-frames/ui 3.0.1 → 4.0.1

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

@@ -0,0 +1,3036 @@
+import { Recordable } from '@dt-frames/core';
+import { Component, ComputedRef, CSSProperties, Ref, VNode } from 'vue';
+import { CascaderNode, CascaderNodePathValue, CascaderOption, CascaderValue, ColProps, dayjs } from 'element-plus';
+import { RuleType } from './form';
+import { 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;
+    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 };