enhance(view):调整地址转换位置。

This commit is contained in:
徐涛 2023-03-08 16:44:18 +08:00
parent 9437e45b8d
commit a77d051b8d
4 changed files with 6 additions and 5 deletions

View File

@ -1,6 +1,5 @@
import { Box, Stack } from '@mantine/core'; import { Box, Stack } from '@mantine/core';
import { useVirtualizer } from '@tanstack/react-virtual'; import { useVirtualizer } from '@tanstack/react-virtual';
import { convertFileSrc } from '@tauri-apps/api/tauri';
import { filter, isEmpty, length, map, pluck } from 'ramda'; import { filter, isEmpty, length, map, pluck } from 'ramda';
import { FC, useLayoutEffect, useMemo, useRef } from 'react'; import { FC, useLayoutEffect, useMemo, useRef } from 'react';
import { useFileListStore } from '../states/files'; import { useFileListStore } from '../states/files';
@ -50,7 +49,7 @@ export const ContinuationView: FC = () => {
{items.map(row => ( {items.map(row => (
<img <img
key={files[row.index].filename} key={files[row.index].filename}
src={convertFileSrc(files[row.index].path)} src={files[row.index].path}
ref={virtualizer.measureElement} ref={virtualizer.measureElement}
data-index={row.index} data-index={row.index}
style={{ width: `${zoom}%` }} style={{ width: `${zoom}%` }}

View File

@ -15,6 +15,7 @@ export const FileToolbar: FC = () => {
directory: true, directory: true,
multiple: false multiple: false
}); });
storeFiles([]);
const files = await invoke('scan_directory', { target: directory }); const files = await invoke('scan_directory', { target: directory });
storeFiles(files); storeFiles(files);
} catch (e) { } catch (e) {

View File

@ -1,4 +1,5 @@
import { addIndex, map, mergeRight } from 'ramda'; import { convertFileSrc } from '@tauri-apps/api/tauri';
import { addIndex, map, mergeLeft } from 'ramda';
import { FileItem } from '../models'; import { FileItem } from '../models';
import { SyncObjectCallback } from '../types'; import { SyncObjectCallback } from '../types';
import { createStoreHook } from '../utils/store_creator'; import { createStoreHook } from '../utils/store_creator';
@ -23,7 +24,7 @@ export const useFileListStore = createStoreHook<FileListState & FileListActions>
updateFiles(files) { updateFiles(files) {
set(df => { set(df => {
df.files = addIndex<Omit<FileItem, 'sort'>, FileItem>(map)( df.files = addIndex<Omit<FileItem, 'sort'>, FileItem>(map)(
(item, index) => mergeRight({ sort: index * 10 }, item), (item, index) => mergeLeft({ sort: index * 10, path: convertFileSrc(item.path) }, item),
files files
); );
}); });

View File

@ -17,7 +17,7 @@ type ZoomActions = {
const initialState: ZoomState = { const initialState: ZoomState = {
lock: true, lock: true,
autoFit: false, autoFit: false,
currentZoom: 100, currentZoom: 80,
viewMode: 'continuation', viewMode: 'continuation',
viewHeight: 0 viewHeight: 0
}; };