chore: merge src and src-next

src/cell-group/index.js

@@ -0,0 +1,38 @@
+// Utils
+import { createNamespace } from '../utils';
+import { BORDER_TOP_BOTTOM } from '../utils/constant';
+
+const [createComponent, bem] = createNamespace('cell-group');
+
+export default createComponent({
+  props: {
+    title: String,
+    border: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  setup(props, { slots }) {
+    return function () {
+      const Group = (
+        <div class={[bem(), { [BORDER_TOP_BOTTOM]: props.border }]}>
+          {slots.default?.()}
+        </div>
+      );
+
+      if (props.title || slots.title) {
+        return (
+          <>
+            <div class={bem('title')} {...this.$attrs}>
+              {slots.title ? slots.title() : props.title}
+            </div>
+            {Group}
+          </>
+        );
+      }
+
+      return Group;
+    };
+  },
+});

src/cell-group/index.tsx

@@ -1,58 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { inherit } from '../utils/functional';
-import { BORDER_TOP_BOTTOM } from '../utils/constant';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots, ScopedSlot } from '../utils/types';
-
-export type CellGroupProps = {
-  title?: string;
-  border: boolean;
-};
-
-export type CellGroupSlots = DefaultSlots & {
-  title?: ScopedSlot;
-};
-
-const [createComponent, bem] = createNamespace('cell-group');
-
-function CellGroup(
-  h: CreateElement,
-  props: CellGroupProps,
-  slots: CellGroupSlots,
-  ctx: RenderContext<CellGroupProps>
-) {
-  const Group = (
-    <div
-      class={[bem(), { [BORDER_TOP_BOTTOM]: props.border }]}
-      {...inherit(ctx, true)}
-    >
-      {slots.default?.()}
-    </div>
-  );
-
-  if (props.title || slots.title) {
-    return (
-      <div>
-        <div class={bem('title')}>
-          {slots.title ? slots.title() : props.title}
-        </div>
-        {Group}
-      </div>
-    );
-  }
-
-  return Group;
-}
-
-CellGroup.props = {
-  title: String,
-  border: {
-    type: Boolean,
-    default: true,
-  },
-};
-
-export default createComponent<CellGroupProps>(CellGroup);