ant-design-vue/components/image/index.tsx
2021-06-23 23:10:07 +08:00

43 lines
1.2 KiB
Vue

import { App, defineComponent, ExtractPropTypes, ImgHTMLAttributes, Plugin } from 'vue';
import ImageInternal from '../vc-image';
import { imageProps } from '../vc-image/src/Image';
import useConfigInject from '../_util/hooks/useConfigInject';
import PreviewGroup from './PreviewGroup';
export type ImageProps = Partial<
ExtractPropTypes<typeof imageProps> & Omit<ImgHTMLAttributes, 'placeholder' | 'onClick'>
>;
const Image = defineComponent<ImageProps>({
name: 'AImage',
inheritAttrs: false,
props: imageProps as any,
setup(props, { slots, attrs }) {
const { prefixCls } = useConfigInject('image', props);
return () => {
return (
<ImageInternal
{...{ ...attrs, ...props, prefixCls: prefixCls.value }}
v-slots={slots}
></ImageInternal>
);
};
},
});
export { imageProps };
Image.PreviewGroup = PreviewGroup;
Image.install = function (app: App) {
app.component(Image.name, Image);
app.component(Image.PreviewGroup.name, Image.PreviewGroup);
return app;
};
export { PreviewGroup as ImagePreviewGroup };
export default Image as typeof Image &
Plugin & {
readonly PreviewGroup: typeof PreviewGroup;
};