From fa96d110ad4742192bff5d9cc9a0fe45d0727528 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Mon, 25 Jan 2021 16:06:49 +0800
Subject: [PATCH] chore(CellGroup): use tsx (#7989)

---
 src/cell-group/{index.js => index.tsx} | 30 ++++++++++++++------------
 1 file changed, 16 insertions(+), 14 deletions(-)
 rename src/cell-group/{index.js => index.tsx} (52%)

diff --git a/src/cell-group/index.js b/src/cell-group/index.tsx
similarity index 52%
rename from src/cell-group/index.js
rename to src/cell-group/index.tsx
index 72800f262..9e01cff32 100644
--- a/src/cell-group/index.js
+++ b/src/cell-group/index.tsx
@@ -15,27 +15,29 @@ export default createComponent({
   },
 
   setup(props, { slots, attrs }) {
+    const renderGroup = () => (
+      <div class={[bem(), { [BORDER_TOP_BOTTOM]: props.border }]} {...attrs}>
+        {slots.default?.()}
+      </div>
+    );
+
+    const renderTitle = () => (
+      <div class={bem('title')}>
+        {slots.title ? slots.title() : props.title}
+      </div>
+    );
+
     return () => {
-      const { title, border } = props;
-
-      const Group = (
-        <div class={[bem(), { [BORDER_TOP_BOTTOM]: border }]} {...attrs}>
-          {slots.default?.()}
-        </div>
-      );
-
-      if (title || slots.title) {
+      if (props.title || slots.title) {
         return (
           <>
-            <div class={bem('title')}>
-              {slots.title ? slots.title() : title}
-            </div>
-            {Group}
+            {renderTitle()}
+            {renderGroup()}
           </>
         );
       }
 
-      return Group;
+      return renderGroup();
     };
   },
 });