fix(DatePicker): 修复 clearable 在 readonly 状态下应为不可用 (#5303)

* feat(form): the Readonly attribute of Form is added for the form read-only function

* style(form): 补充 useFormReadonly 函数注释

* feat(input): input 组件的 readonly 属性更改为使用 useFormReadonly 函数获取

input 组件的 readonly 属性更改为使用 useFormReadonly 函数获取,以适配 Form 组件的 readonly 属性

* feat(checkbox): 修改 readonly 属性值的获取方式

修改 readonly 属性值的获取方式,以适配 Form 组件的 readonly 属性

* feat(checkbox): group 组件增加只读属性

* chore: update snapshot

* feat(checkbox): 去除 checkbox 无用的 beforeReadonly 判断

* feat(input): 替换 Input readonly 取值方式,将 useFormReadonly 改为 useDisabled 取值,并添加 readonly 默认值 undefined

* chore: optimize desc

* chore: docs order

* fix(DatePicker): 修复清除功能在只读状态下的行为

* refactor(DatePicker): 重构只读状态下的清除功能和只读属性的处理

---------

Co-authored-by: wū yāng <[email protected]>

Author: xiaojueshi

packages/components/date-picker/DatePicker.tsx

@@ -1,6 +1,6 @@
 import { defineComponent, computed, watch } from 'vue';
 import dayjs from 'dayjs';
-import { isFunction } from 'lodash-es';
+import { isFunction, isDate } from 'lodash-es';
 import { CalendarIcon as TdCalendarIcon } from 'tdesign-icons-vue-next';
 
 import { useTNodeJSX } from '../hooks/tnode';
@@ -17,7 +17,6 @@ import { useReadonly } from '../hooks/useReadonly';
 
 import type { TdDatePickerProps, DateMultipleValue, DateValue } from './type';
 import type { TagInputRemoveContext } from '../tag-input';
-import { isDate } from 'lodash-es';
 
 export default defineComponent({
   name: 'TDatePicker',
@@ -352,6 +351,7 @@ export default defineComponent({
           status={props.status}
           tips={props.tips}
           clearable={props.clearable}
+          readonly={isReadOnly.value}
           multiple={props.multiple}
           popupProps={popupProps.value}
           inputProps={inputProps.value}