[Form] 组件与示例问题记录

[anlyyao]

tdesign-miniprogram 版本

仓库源码

重现链接

No response

重现步骤

No response

期望结果

⚠️： Form 组件在 DOM 结构上，应与 h5 端保持一致，未来我们希望mobile vue/mobile react/miniprogram 三端可以共用一套样式文件

组件问题

Form 组件

1. 外部样式类 class 未支持，与 API 文档描述不一致
2. customStyle 属性未支持，与 API 文档描述不一致
3. 应避免使用 any。line 19 移除 any （https://github.com/Tencent/tdesign-miniprogram/blob/5f2a56d5ebfc5d3baf9a6a649e111b6d9ce66125/packages/components/form/form.ts#L19）
4. 表单内容对齐方式统一为左对齐。（左图为实际实现， 右图为预期）

Form 样式

1. @form-prefix 变更为 @Form，风格与其他组件保持一致， FormItem 同上
2. 类名统一采用 BEM 规范， &--label-left 变更为 &__label--left
3. 底部边框宽度实现有误，设计稿为 0.5px，建议使用less Mixins，参考 cell 组件
4. 请确认 error-message 属性是否实现，文档标记开发中，功能上似乎已经实现
5. disable 属性功能未能实现的卡点是什么？

FormItem

1. 外部样式类 class 未支持，与 API 文档描述不一致
2. line 2 的 className 是啥？
3. errorMessage 文本行高错误，应为 20px
4. 子组件没有 README.md，应移除
5. requiredMark 属性无效，子组件的 props.ts 缺 requiredMark 和 requiredMarkPosition

其他

1. 无用代码，建议直接移除
2. 开发中的属性，应保留API的文本描述。如 disable 属性，描述应为 disabled | Boolean | undefined | 【开发中】是否禁用整个表单 | N

示例问题

1. ⚠️ 示例应与设计稿保持一致。

设计稿地址：https://www.figma.com/design/jivYXTMTP3jEkeZXWbMh4J/branch/4SdclZkcv5bPgX6pa8AsmI/TDesign-for-mobile?node-id=41936-18179&m=dev

2. “上传照片“子项，若移除某一项，会出现样式错误

3. 示例未垂直居中对齐

实际结果

No response

基础库版本

No response

补充说明

No response

[github-actions]

👋 @anlyyao，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。