types(Sidebar): use tsx (#8121)

src/sidebar/index.tsx

@@ -0,0 +1,42 @@
+import { createNamespace } from '../utils';
+import { useChildren } from '@vant/use';
+
+const [createComponent, bem] = createNamespace('sidebar');
+
+export const SIDEBAR_KEY = 'vanSidebar';
+
+export type SidebarProvide = {
+  getActive: () => number;
+  setActive: (value: number) => void;
+};
+
+export default createComponent({
+  props: {
+    modelValue: {
+      type: [Number, String],
+      default: 0,
+    },
+  },
+
+  emits: ['change', 'update:modelValue'],
+
+  setup(props, { emit, slots }) {
+    const { linkChildren } = useChildren(SIDEBAR_KEY);
+
+    const getActive = () => +props.modelValue;
+
+    const setActive = (value: number) => {
+      if (value !== getActive()) {
+        emit('update:modelValue', value);
+        emit('change', value);
+      }
+    };
+
+    linkChildren({
+      getActive,
+      setActive,
+    });
+
+    return () => <div class={bem()}>{slots.default?.()}</div>;
+  },
+});