test/ant-design-vue
1
0
Fork 0
mirror of https://gitee.com/ant-design-vue/ant-design-vue.git synced 2024-11-30 02:57:50 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix: upload limit error, close #5385

Browse Source
This commit is contained in:
tangjinzhou 2022-03-23 16:53:37 +08:00
parent ecab7f66d8
commit 86e69d34d9
2 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/upload/Upload.tsx
View File

@ -296,7 +296,7 @@ export default defineComponent({
defaultLocale.Upload,
computed(() => props.locale),
);
const renderUploadList = (button?: VueNode, buttonVisible?: boolean) => {
const renderUploadList = (button?: () => VueNode, buttonVisible?: boolean) => {
const {
removeIcon,
previewIcon,
@ -333,10 +333,11 @@ export default defineComponent({
progress={progress}
itemRender={itemRender}
appendActionVisible={buttonVisible}
v-slots={{ ...slots, appendAction: () => button }}
appendAction={button}
v-slots={{ ...slots }}
/>
) : (
button
button?.()
);
};
return () => {
@ -414,7 +415,7 @@ export default defineComponent({
if (listType === 'picture-card') {
return (
<span class={classNames(`${prefixCls.value}-picture-card-wrapper`, attrs.class)}>
{renderUploadList(renderUploadButton(), !!(children && children.length))}
{renderUploadList(renderUploadButton, !!(children && children.length))}
</span>
);
}

17
components/upload/UploadList/index.tsx
View File

@ -10,15 +10,16 @@ import Button from '../../button';
import ListItem from './ListItem';
import type { HTMLAttributes } from 'vue';
import { computed, defineComponent, getCurrentInstance, onMounted, ref, watchEffect } from 'vue';
import { initDefaultProps, isValidElement } from '../../_util/props-util';
import { filterEmpty, initDefaultProps, isValidElement } from '../../_util/props-util';
import type { VueNode } from '../../_util/type';
import useConfigInject from '../../_util/hooks/useConfigInject';
import { getTransitionGroupProps, TransitionGroup } from '../../_util/transition';
import collapseMotion from '../../_util/collapseMotion';
const HackSlot = (_, { slots }) => {
return slots.default?.()[0];
return filterEmpty(slots.default?.())[0];
};
export default defineComponent({
name: 'AUploadList',
props: initDefaultProps(uploadListProps(), {
@ -166,11 +167,11 @@ export default defineComponent({
previewIcon,
downloadIcon,
progress,
appendAction = slots.appendAction,
appendAction,
itemRender,
appendActionVisible,
} = props;
const appendActionDom = appendAction?.()[0];
const appendActionDom = appendAction?.();
return (
<TransitionGroup {...transitionGroupProps.value} tag="div">
{items.map(file => {
@ -203,8 +204,12 @@ export default defineComponent({
/>
);
})}
{appendActionVisible && isValidElement(appendActionDom) ? (
<HackSlot key="__ant_upload_appendAction">{appendActionDom}</HackSlot>
{appendAction ? (
<HackSlot
key="__ant_upload_appendAction"
v-show={!!appendActionVisible}
v-slots={{ default: () => appendActionDom }}
></HackSlot>
) : null}
</TransitionGroup>
);