43 lines
893 B
TypeScript
43 lines
893 B
TypeScript
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>;
|
|
},
|
|
});
|