enhance(view):调整地址转换位置。
This commit is contained in:
parent
9437e45b8d
commit
a77d051b8d
@ -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}%` }}
|
||||||
|
@ -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) {
|
||||||
|
@ -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
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
@ -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
|
||||||
};
|
};
|
||||||
|
Loading…
x
Reference in New Issue
Block a user