docs(Upload): add FAQ (#3550)

Author: anlyyao

src/color-picker/README.md

@@ -33,6 +33,22 @@ isComponent: true
 
 {{ format }}
 
+## FAQ
+
+如果使用场景为 `scroll-view`，除了需要显示指定 `fixed` 属性为 `true`，还需要手动调用组件的 debouncedUpdateEleRect() 事件。
+
+```html
+<scroll-view type="list" scroll-y bind:scroll="onScroll">
+  <t-color-picker id="ColorPicker" fixed />
+</scroll-view>
+```
+
+```js
+onScroll(e) {
+  if (!this.colorPicker) this.colorPicker = this.selectComponent('#ColorPicker');
+  this.colorPicker.debouncedUpdateEleRect(e);
+}
+```
 
 ## API
 
@@ -64,19 +80,3 @@ change | `(value: string, context: { color: ColorObject; trigger: ColorPickerCha
 close | `(trigger: ColorPickerTrigger)` | 关闭按钮时触发。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts)。<br/>`type ColorPickerTrigger = 'overlay'`<br/>
 palette-bar-change | `(detail: { color: ColorObject })` | 调色板控制器的值变化时触发，`context.color` 指调色板控制器的值。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts)。<br/>`interface ColorObject { alpha: number; css: string; hex: string; hex8: string; hsl: string; hsla: string; hsv: string; hsva: string; rgb: string; rgba: string; value: number;}`<br/>
 
-## FAQ
-
-如果使用场景为 `scroll-view`，除了需要显示指定 `fixed` 属性为 `true`，还需要手动调用组件的 debouncedUpdateEleRect() 事件。
-
-```html
-<scroll-view type="list" scroll-y bind:scroll="onScroll">
-  <t-color-picker id="ColorPicker" fixed />
-</scroll-view>
-```
-
-```js
-onScroll(e) {
-  if (!this.colorPicker) this.colorPicker = this.selectComponent('#ColorPicker');
-  this.colorPicker.debouncedUpdateEleRect(e);
-}
-```

src/slider/README.md

@@ -62,6 +62,19 @@ isComponent: true
 
 {{ vertical }}
 
+## FAQ
+
+当 slider 外层使用 `hidden` 包裹，需要在 `hidden = false` 时，重新调用组件的 `init` 方法，才能正常渲染（在t-popup/t-dialog中同理）。如下：
+
+```html
+<t-slider id="slider" />
+```
+
+```js
+const $slider = this.selectComponent('#slider');
+
+$slider.init();
+```
 
 ## API
 
@@ -104,20 +117,6 @@ t-class-bar-active | 滑道激活态样式类
 t-class-bar-disabled | 滑道禁用态样式类
 t-class-cursor | 游标样式类
 
-## FAQ
-
-当 slider 外层使用 `hidden` 包裹，需要在 `hidden = false` 时，重新调用组件的 `init` 方法，才能正常渲染（在t-popup/t-dialog中同理）。如下：
-
-```html
-<t-slider id="slider" />
-```
-
-```js
-const $slider = this.selectComponent('#slider');
-
-$slider.init();
-```
-
 ### CSS Variables
 
 组件提供了下列 CSS 变量，可用于自定义样式。

src/swipe-cell/README.md

@@ -43,6 +43,10 @@ isComponent: true
 
 {{ icon }}
 
+## FAQ
+### `SwipeCell` 组件在真机上无法滑动？
+移除全局配置项: "componentFramework": "glass-easel"，详情见： [issue 2524](https://github.com/Tencent/tdesign-miniprogram/issues/2524)。如需使用 `skyline render`，建议页面级粒度开启。
+
 ## API
 
 ### SwipeCell Props
@@ -63,7 +67,3 @@ right | Array / Slot | - | 右侧滑动操作项。有两种定义方式，一
 click | `(action: SwipeActionItem, source: SwipeSource)` | 操作项点击时触发（插槽写法组件不触发，业务侧自定义内容和事件）。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/swipe-cell/type.ts)。<br/>`type SwipeSource = 'left' \| 'right'`<br/>
 dragend | \- | 滑动结束事件
 dragstart | \- | 滑动开始事件
-
-## FAQ
-### `SwipeCell` 组件在真机上无法滑动？
-移除全局配置项: "componentFramework": "glass-easel"，详情见： [issue 2524](https://github.com/Tencent/tdesign-miniprogram/issues/2524)。如需使用 `skyline render`，建议页面级粒度开启。

src/upload/README.md

@@ -56,6 +56,13 @@ isComponent: true
 
 {{ messageFile }}
 
+## FAQ
+
+### 为什么 `Upload` 外层使用 `display: flex` 时会造成组件样式混乱？
+
+`Upload` 是基于 `TGrid` 宫格实现，当外层使用 `display: flex` ，子元素会默认加上 `flex-grow: 0`，造成 `Upload` 组件整体宽度不足。可以通过给组件根节点加上 `flex-grow: 1` 处理。
+ 
+
 ## API
 
 ### Upload Props