You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.1 KiB
36 lines
1.1 KiB
4 years ago
|
import { App, defineComponent, inject, Plugin } from 'vue';
|
||
|
|
import { defaultConfigProvider } from '../config-provider';
|
||
|
|
import ImageInternal from '../vc-image';
|
||
|
|
import { ImageProps, ImagePropsType } from '../vc-image/src/Image';
|
||
|
|
|
||
|
|
import PreviewGroup from './PreviewGroup';
|
||
|
|
const Image = defineComponent({
|
||
|
|
name: 'AImage',
|
||
|
|
inheritAttrs: false,
|
||
|
|
props: ImageProps,
|
||
|
|
setup(props, ctx) {
|
||
|
|
const { slots, attrs } = ctx;
|
||
|
|
const configProvider = inject('configProvider', defaultConfigProvider);
|
||
|
|
return () => {
|
||
|
|
const { getPrefixCls } = configProvider;
|
||
|
|
const prefixCls = getPrefixCls('image', props.prefixCls);
|
||
|
|
return <ImageInternal {...{ ...attrs, ...props, prefixCls }} v-slots={slots}></ImageInternal>;
|
||
|
|
};
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
export { ImageProps, ImagePropsType };
|
||
|
|
|
||
|
|
Image.PreviewGroup = PreviewGroup;
|
||
|
|
|
||
|
|
Image.install = function(app: App) {
|
||
|
|
app.component(Image.name, Image);
|
||
|
|
app.component(Image.PreviewGroup.name, Image.PreviewGroup);
|
||
|
|
return app;
|
||
|
|
};
|
||
|
|
|
||
|
|
export default Image as typeof Image &
|
||
|
|
Plugin & {
|
||
|
|
readonly PreviewGroup: typeof PreviewGroup;
|
||
|
|
};
|