Merge pull request #727 from Tencent/feature/td_popover_radius

add:TDPopover添加圆角属性自定义

Author: jflin19990707

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

@@ -194,6 +194,10 @@ class _TDPopoverPage extends State<TDPopoverPage> {
         ExampleItem(
           desc: '显示多行内容',
           builder: _buildMultiLinePopover,
+        ),
+        ExampleItem(
+          desc: '自定义圆角',
+          builder: _buildCustomRadiusPopover,
         )
       ],
     );
@@ -778,4 +782,31 @@ class _TDPopoverPage extends State<TDPopoverPage> {
       ),
     );
   }
+
+  @Demo(group: 'popover')
+  Widget _buildCustomRadiusPopover(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.only(top: 0),
+      margin: const EdgeInsets.all(8),
+      child: LayoutBuilder(
+        builder: (_, constraints) {
+          return TDButton(
+            size: TDButtonSize.medium,
+            text: '自定义圆角',
+            type: TDButtonType.outline,
+            theme: TDButtonTheme.primary,
+
+            onTap: () {
+              TDPopover.showPopover(
+                context: _,
+                width: 200,
+                radius: BorderRadius.circular(16),
+                content: '弹出气泡内容弹出气泡内容弹出气泡内容弹出气泡内容',
+              );
+            },
+          );
+        },
+      ),
+    );
+  }
 }

tdesign-component/lib/src/components/popover/td_popover.dart

@@ -20,6 +20,7 @@ class TDPopover {
     Color? overlayColor = Colors.transparent,
     OnTap? onTap,
     OnLongTap? onLongTap,
+    BorderRadius? radius,
   }) {
     return showDialog(
       barrierDismissible: closeOnClickOutside,
@@ -40,6 +41,7 @@ class TDPopover {
         height: height,
         onTap: onTap,
         onLongTap: onLongTap,
+        radius: radius,
       ),
     );
   }

tdesign-component/lib/src/components/popover/td_popover_widget.dart

@@ -78,6 +78,7 @@ class TDPopoverWidget extends StatefulWidget {
     this.height,
     this.onTap,
     this.onLongTap,
+    this.radius
   });
 
   /// 上下文
@@ -119,6 +120,9 @@ class TDPopoverWidget extends StatefulWidget {
   /// 长按事件
   final OnLongTap? onLongTap;
 
+  /// 圆角
+  final BorderRadius? radius;
+
   @override
   State<TDPopoverWidget> createState() => _TDPopoverWidgetState();
 }
@@ -350,7 +354,7 @@ class _TDPopoverWidgetState extends State<TDPopoverWidget> {
         height: widget.height,
         padding: widget.padding ?? const EdgeInsets.all(12),
         decoration: BoxDecoration(
-            borderRadius: BorderRadius.circular(6),
+            borderRadius: widget.radius ?? BorderRadius.circular(6),
             color: _backgroundColor,
             boxShadow: const [
               BoxShadow(color: Color(0x0d000000), offset: Offset(0, 6), blurRadius: 30, spreadRadius: 5),