Feature/rate

tdesign-component/example/lib/base/intl_resource_delegate.dart

@@ -132,4 +132,7 @@ class IntlResourceDelegate extends TDResourceDelegate {
 
   @override
   String get end => AppLocalizations.of(context)!.end;
+
+  @override
+  String get notRated => AppLocalizations.of(context)!.notRated;
 }

tdesign-component/example/lib/config.dart

@@ -39,6 +39,7 @@ import 'page/td_picker_page.dart';
 import 'page/td_popup_page.dart';
 import 'page/td_radio_page.dart';
 import 'page/td_radius_page.dart';
+import 'page/td_rate_page.dart';
 import 'page/td_refresh_page.dart';
 import 'page/td_search_bar_page.dart';
 import 'page/td_shadows_page.dart';
@@ -127,7 +128,7 @@ Map<String, List<ExamplePageModel>> exampleMap = {
     ExamplePageModel(
         text: 'Radio 单选框', name: 'radio', pageBuilder: _wrapInheritedTheme((context) => const TDRadioPage())),
     ExamplePageModel(
-        text: 'Rate 评分', name: 'rate', isTodo: true, pageBuilder: _wrapInheritedTheme((context) => const TodoPage())),
+        text: 'Rate 评分', name: 'rate', pageBuilder: _wrapInheritedTheme((context) => const TDRatePage())),
     ExamplePageModel(
         text: 'Search 搜索框', name: 'search', pageBuilder: _wrapInheritedTheme((context) => const TDSearchBarPage())),
     ExamplePageModel(

tdesign-component/example/lib/l10n/app_en.arb

@@ -42,5 +42,6 @@
   "december": "December",
   "time": "Time",
   "start": "Start",
-  "end": "End"
+  "end": "End",
+  "notRated": "Not rated"
 }

tdesign-component/example/lib/l10n/app_zh.arb

@@ -42,5 +42,6 @@
   "december": "12 月",
   "time": "时间",
   "start": "开始",
-  "end": "结束"
+  "end": "结束",
+  "notRated": "未评分"
 }

tdesign-component/example/lib/page/td_dropdown_menu_page.dart

@@ -396,7 +396,7 @@ TDDropdownMenu _buildOverflow(BuildContext context) {
           tabBarWidth: 200,
           tabBarAlign: MainAxisAlignment.start,
           options: [
-            TDDropdownItemOption(label: '选项1', value: '1', selected: true),
+            TDDropdownItemOption(label: '选项1选项1选项1选项1选项1选项1选项1', value: '1', selected: true),
             TDDropdownItemOption(label: '选项2', value: '2'),
           ],
         ),

tdesign-component/example/lib/page/td_rate_page.dart

@@ -0,0 +1,161 @@
+import 'package:flutter/material.dart';
+import 'package:tdesign_flutter/tdesign_flutter.dart';
+
+import '../annotation/demo.dart';
+import '../base/example_widget.dart';
+
+///
+/// TDRadio演示
+///
+class TDRatePage extends StatefulWidget {
+  const TDRatePage({Key? key}) : super(key: key);
+
+  @override
+  State<StatefulWidget> createState() {
+    return TDRatePageState();
+  }
+}
+
+class TDRatePageState extends State<TDRatePage> {
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return ExamplePage(
+        title: tdTitle(),
+        desc: '用于对某行为/事物进行打分。',
+        exampleCodeGroup: 'rate',
+        backgroundColor: TDTheme.of(context).grayColor2,
+        children: [
+          ExampleModule(title: '组件类型', children: [
+            ExampleItem(desc: '实心评分', builder: _buildFilledRate),
+            ExampleItem(desc: '自定义评分', builder: _buildCusRate),
+            ExampleItem(desc: '自定义评分数量', builder: _buildNumRate),
+            ExampleItem(desc: '带描述评分', builder: _buildMsgRate),
+            ExampleItem(desc: '评分弹框位置', builder: _buildDRate),
+          ]),
+          ExampleModule(title: '组件状态', children: [
+            ExampleItem(desc: '只可选全星时', builder: _buildFullRate),
+            ExampleItem(desc: '可选半星时', builder: _buildHalfRate),
+          ]),
+          ExampleModule(title: '组件样式', children: [
+            ExampleItem(desc: '评分大小', builder: _buildSizeRate),
+            ExampleItem(desc: '设置评分颜色', builder: _buildColorRate),
+          ]),
+          ExampleModule(title: '特殊样式', children: [
+            ExampleItem(desc: '竖向带描述评分', builder: _buildOtherRate),
+          ]),
+        ]);
+  }
+
+  @Demo(group: 'rate')
+  Widget _buildFilledRate(BuildContext context) {
+    return const TDCell(title: '实心评分', noteWidget: TDRate(value: 3));
+  }
+
+  @Demo(group: 'rate')
+  Widget _buildCusRate(BuildContext context) {
+    return const TDCell(title: '自定义评分', noteWidget: TDRate(value: 3, icon: [TDIcons.thumb_up]));
+  }
+
+  @Demo(group: 'rate')
+  Widget _buildNumRate(BuildContext context) {
+    return const TDCell(
+        title: '自定义评分数量',
+        noteWidget: TDRate(
+          value: 2,
+          count: 3,
+        ));
+  }
+
+  @Demo(group: 'rate')
+  Widget _buildMsgRate(BuildContext context) {
+    return Column(children: const [
+      TDCell(title: '带描述评分', noteWidget: TDRate(value: 3, showText: true, texts: ['1分', '2分', '3分', '4分', '5分'])),
+      SizedBox(height: 16),
+      TDCell(title: '带描述评分', noteWidget: TDRate(value: 3, showText: true))
+    ]);
+  }
+
+  @Demo(group: 'rate')
+  Widget _buildDRate(BuildContext context) {
+    return Column(children: const [
+      TDCell(title: '顶部显示', noteWidget: TDRate(placement: PlacementEnum.top)),
+      SizedBox(height: 16),
+      TDCell(title: '不显示', noteWidget: TDRate(placement: PlacementEnum.none)),
+      SizedBox(height: 16),
+      TDCell(title: '底部显示', noteWidget: TDRate(placement: PlacementEnum.bottom)),
+    ]);
+  }
+
+  @Demo(group: 'rate')
+  Widget _buildFullRate(BuildContext context) {
+    return const TDCell(title: '点击活滑动', noteWidget: TDRate(value: 3));
+  }
+
+  @Demo(group: 'rate')
+  Widget _buildHalfRate(BuildContext context) {
+    return const TDCell(title: '点击活滑动', noteWidget: TDRate(value: 3, allowHalf: true));
+  }
+
+  @Demo(group: 'rate')
+  Widget _buildSizeRate(BuildContext context) {
+    return Column(children: const [
+      TDCell(title: '默认尺寸24', noteWidget: TDRate(value: 3)),
+      SizedBox(height: 16),
+      TDCell(title: '小尺寸20', noteWidget: TDRate(value: 3, size: 20)),
+    ]);
+  }
+
+  @Demo(group: 'rate')
+  Widget _buildColorRate(BuildContext context) {
+    return Column(children: const [
+      TDCell(
+          title: '填充评分',
+          noteWidget: TDRate(
+            value: 2.5,
+            allowHalf: true,
+            color: [Color(0xFFFFC51C), Color(0xFFE8E8E8)],
+          )),
+      SizedBox(height: 16),
+      TDCell(title: '线描评分', noteWidget: TDRate(value: 2.5, allowHalf: true, color: [Color(0xFF00A870)])),
+    ]);
+  }
+
+  @Demo(group: 'rate')
+  Widget _buildOtherRate(BuildContext context) {
+    var texts = ['非常糟糕', '有些糟糕', '可以尝试', '可以前往', '推荐前往'];
+    return Container(
+      width: double.infinity,
+      child: Center(
+        child: TDRate(
+        value: 2,
+        size: 30,
+        showText: true,
+        // texts: ['非常糟糕', '有些糟糕', '可以尝试', '可以前往', '推荐前往'],
+        direction: Axis.vertical,
+        // mainAxisAlignment: MainAxisAlignment.center,
+        // textWidth: 64,
+        builderText: (context, value) {
+          return value == 0
+              ? const SizedBox.shrink()
+              : Padding(
+                  padding: EdgeInsets.only(top: TDTheme.of(context).spacer8),
+                  child: TDText(
+                    texts[(value - 1).toInt()],
+                    font: TDTheme.of(context).fontTitleMedium,
+                    textColor: TDTheme.of(context).warningColor5,
+                  ),
+                );
+        },
+      ),
+      ),
+
+      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+      color: Colors.white,
+    );
+  }
+}

tdesign-component/lib/src/components/dropdown_menu/td_dropdown_item.dart

@@ -46,6 +46,7 @@ class TDDropdownItem<T> extends StatefulWidget {
     this.maxHeight,
     this.tabBarWidth,
     this.tabBarAlign,
+    this.tabBarFlex = 1,
   }) : super(key: key);
 
   /// 是否禁用
@@ -90,6 +91,9 @@ class TDDropdownItem<T> extends StatefulWidget {
   /// [label]和[arrowIcon]/[TDDropdownMenu.arrowIcon]的对齐方式
   final MainAxisAlignment? tabBarAlign;
 
+  /// 该item在menu上的宽度占比，仅在[TDDropdownMenu.isScrollable]为false时有效
+  final int? tabBarFlex;
+
   static const double operateHeight = 73;
 
   double? get minContentHeight =>

tdesign-component/lib/src/components/dropdown_menu/td_dropdown_menu.dart

@@ -130,6 +130,7 @@ class _TDDropdownMenuState extends State<TDDropdownMenu> with TickerProviderStat
         _items?.length ?? 0,
         (index) {
           return Expanded(
+            flex: _items![index].tabBarFlex ?? 1,
             child: _tabBarContent(index),
           );
         },
@@ -196,8 +197,9 @@ class _TDDropdownMenuState extends State<TDDropdownMenu> with TickerProviderStat
         _isOpened[index] ? await Navigator.maybePop(context) : _openMenu(index);
       },
       child: Row(
+        mainAxisSize: MainAxisSize.min,
         mainAxisAlignment: _items![index].tabBarAlign ?? widget.tabBarAlign ?? MainAxisAlignment.center,
-        children: [_getText(index), _getIcon(index)],
+        children: [Flexible(child: _getText(index)), _getIcon(index)],
       ),
     );
   }

tdesign-component/lib/src/components/indexes/td_indexes_list.dart

@@ -1,3 +1,5 @@
+import 'dart:async';
+
 import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
 import 'package:flutter/scheduler.dart';
@@ -40,6 +42,7 @@ class TDIndexesList extends StatefulWidget {
 class _TDIndexesListState extends State<TDIndexesList> {
   late Map<String, GlobalKey> _containerKeys;
   final _indexSize = 20.0;
+  Timer? _hideTipTimer;
   var _showTip = false;
 
   @override
@@ -56,6 +59,12 @@ class _TDIndexesListState extends State<TDIndexesList> {
     }
   }
 
+  @override
+  void dispose() {
+    _hideTipTimer?.cancel();
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
     return Positioned(
@@ -176,7 +185,8 @@ class _TDIndexesListState extends State<TDIndexesList> {
   }
 
   void _hideTip() {
-    Future.delayed(
+    _hideTipTimer?.cancel();
+    _hideTipTimer = Timer(
       const Duration(seconds: 1),
       () {
         setState(() {