github_mirrors/vben-admin-thin-next
1
0
Fork 0
mirror of https://github.com/vbenjs/vben-admin-thin-next.git synced 2025-02-03 10:28:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(upload): fix file upload key loss #120

Browse Source
This commit is contained in:
vben 2020-12-07 22:26:25 +08:00
parent 88f4a3f02a
commit fb5395b540
1 changed files with 17 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/Upload/src/FileList.tsx
View File

@ -1,4 +1,4 @@
import { defineComponent } from 'vue';
import { defineComponent, CSSProperties } from 'vue';
import { fileListProps } from './props';
import { isFunction } from '/@/utils/is';
import './FileList.less';
@ -16,11 +16,13 @@ export default defineComponent({
<colgroup>
{columnList.map((item) => {
const { width = 0, dataIndex } = item;
return width ? (
<col style={'width:' + width + 'px;min-width:' + width + 'px;'} key={dataIndex} />
) : (
<col />
);
const style: CSSProperties = {
width: `${width}px`,
minWidth: `${width}px`,
};
return <col style={width ? style : {}} key={dataIndex} />;
})}
</colgroup>
<thead>
@ -38,22 +40,17 @@ export default defineComponent({
<tbody>
{dataSource.map((record = {}) => {
return (
<tr class="file-table-tr">
<tr class="file-table-tr" key={record.uuid}>
{columnList.map((item) => {
const { dataIndex = '', customRender, align = 'center' } = item;
if (customRender && isFunction(customRender)) {
return (
<td class={['file-table-td', align]} key={dataIndex}>
{customRender({ text: record[dataIndex], record })}
</td>
);
} else {
return (
<td class={['file-table-td', align]} key={dataIndex}>
{record[dataIndex]}
</td>
);
}
const render = customRender && isFunction(customRender);
return (
<td class={['file-table-td', align]} key={dataIndex}>
{render
? customRender?.({ text: record[dataIndex], record })
: record[dataIndex]}
</td>
);
})}
</tr>
);