chore(CellGroup): use tsx (#7989)

src/cell-group/index.tsx

@@ -15,27 +15,29 @@ export default createComponent({
   },
 
   setup(props, { slots, attrs }) {
-    return () => {
+    const renderGroup = () => (
-      const { title, border } = props;
+      <div class={[bem(), { [BORDER_TOP_BOTTOM]: props.border }]} {...attrs}>
-
-      const Group = (
-        <div class={[bem(), { [BORDER_TOP_BOTTOM]: border }]} {...attrs}>
         {slots.default?.()}
       </div>
     );
 
-      if (title || slots.title) {
+    const renderTitle = () => (
+      <div class={bem('title')}>
+        {slots.title ? slots.title() : props.title}
+      </div>
+    );
+
+    return () => {
+      if (props.title || slots.title) {
         return (
           <>
-            <div class={bem('title')}>
+            {renderTitle()}
-              {slots.title ? slots.title() : title}
+            {renderGroup()}
-            </div>
-            {Group}
           </>
         );
       }
 
-      return Group;
+      return renderGroup();
     };
   },
 });