github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(ImageGroup):fix open imagegroup without animation (#6898)

pull/6917/head
24min 2023-08-30 16:10:03 +08:00 committed by GitHub
parent 1254677805
commit 3c05b7704b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/image/PreviewGroup.tsx
View File

@ -12,6 +12,7 @@ import CloseOutlined from '@ant-design/icons-vue/CloseOutlined';
import LeftOutlined from '@ant-design/icons-vue/LeftOutlined'; import LeftOutlined from '@ant-design/icons-vue/LeftOutlined';
import RightOutlined from '@ant-design/icons-vue/RightOutlined'; import RightOutlined from '@ant-design/icons-vue/RightOutlined';
import SwapOutlined from '@ant-design/icons-vue/SwapOutlined'; import SwapOutlined from '@ant-design/icons-vue/SwapOutlined';
import { getTransitionName } from '../_util/transition';
import useStyle from './style'; import useStyle from './style';
import { anyType } from '../_util/type'; import { anyType } from '../_util/type';
@ -38,7 +39,7 @@ const InternalPreviewGroup = defineComponent({
inheritAttrs: false, inheritAttrs: false,
props: previewGroupProps(), props: previewGroupProps(),
setup(props, { attrs, slots }) { setup(props, { attrs, slots }) {
const { prefixCls } = useConfigInject('image', props); const { prefixCls, rootPrefixCls } = useConfigInject('image', props);
const previewPrefixCls = computed(() => `${prefixCls.value}-preview`); const previewPrefixCls = computed(() => `${prefixCls.value}-preview`);
const [wrapSSR, hashId] = useStyle(prefixCls); const [wrapSSR, hashId] = useStyle(prefixCls);
const mergedPreview = computed(() => { const mergedPreview = computed(() => {
@ -51,6 +52,12 @@ const InternalPreviewGroup = defineComponent({
return { return {
..._preview, ..._preview,
rootClassName: hashId.value, rootClassName: hashId.value,
transitionName: getTransitionName(rootPrefixCls.value, 'zoom', _preview.transitionName),
maskTransitionName: getTransitionName(
rootPrefixCls.value,
'fade',
_preview.maskTransitionName,
),
}; };
}); });
return () => { return () => {