| | |
| | | <BasicModal |
| | | width="800px" |
| | | :title="t('component.upload.preview')" |
| | | wrapClassName="upload-preview-modal" |
| | | class="upload-preview-modal" |
| | | v-bind="$attrs" |
| | | @register="register" |
| | | :showOkBtn="false" |
| | |
| | | import { downloadByUrl } from '/@/utils/file/download'; |
| | | import { createPreviewColumns, createPreviewActionColumn } from './data'; |
| | | import { useI18n } from '/@/hooks/web/useI18n'; |
| | | import { isArray } from '/@/utils/is'; |
| | | |
| | | export default defineComponent({ |
| | | components: { BasicModal, FileList }, |
| | |
| | | watch( |
| | | () => props.value, |
| | | (value) => { |
| | | if (!isArray(value)) value = []; |
| | | fileListRef.value = value |
| | | .filter((item) => !!item) |
| | | .map((item) => { |
| | |
| | | }; |
| | | }); |
| | | }, |
| | | { immediate: true } |
| | | { immediate: true }, |
| | | ); |
| | | |
| | | // 删除 |
| | |
| | | emit('delete', removed[0].url); |
| | | emit( |
| | | 'list-change', |
| | | fileListRef.value.map((item) => item.url) |
| | | fileListRef.value.map((item) => item.url), |
| | | ); |
| | | } |
| | | } |
| | |
| | | register, |
| | | closeModal, |
| | | fileListRef, |
| | | columns: createPreviewColumns(), |
| | | actionColumn: createPreviewActionColumn({ handleRemove, handleDownload }), |
| | | columns: createPreviewColumns() as any[], |
| | | actionColumn: createPreviewActionColumn({ handleRemove, handleDownload }) as any, |
| | | }; |
| | | }, |
| | | }); |