AncTe/HumanBreak
1
0
Fork 0
mirror of https://github.com/unanmed/HumanBreak.git synced 2025-02-28 17:37:07 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 工具栏缩放修改后图标大小不变

Browse Source
This commit is contained in:
unanmed 2024-11-20 12:52:46 +08:00
parent d613ab5ae0
commit cbc09e6b86
2 changed files with 88 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/core/main/custom/toolbar.ts
View File

@ -54,7 +54,7 @@ interface MiscInfo {
id: string;
name: string;
emit: MiscEmitFn;
display: Component;
display: () => Component;
activable?: boolean;
actived?: ActivedFn;
}
@ -75,7 +75,7 @@ interface Misc {
id: string,
name: string,
emit: MiscEmitFn,
display: Component
display: () => Component
): void;
/**

157
src/core/main/init/toolbar.tsx
View File

@ -292,7 +292,7 @@ function MiscTool(props: CustomToolbarProps<'misc'>) {
style={style}
onClick={() => info.emit(v, toolbar, item)}
>
{info.display}
{info.display()}
</div>
);
})}
@ -759,10 +759,7 @@ Mota.require('var', 'hook').once('reset', () => {
MotaSettingItem<number>
>;
CustomToolbar.misc.register(
'danmaku',
'发弹幕',
openDanmakuPoster,
CustomToolbar.misc.register('danmaku', '发弹幕', openDanmakuPoster, () =>
h(MessageOutlined)
);
CustomToolbar.misc.register(
@ -771,13 +768,15 @@ Mota.require('var', 'hook').once('reset', () => {
() => {
core.useItem('book', true);
},
<img
src={core.statusBar.icons.book.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
() => (
<img
src={core.statusBar.icons.book.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
)
);
CustomToolbar.misc.register(
'fly',
@ -785,13 +784,15 @@ Mota.require('var', 'hook').once('reset', () => {
() => {
core.useItem('fly', true);
},
<img
src={core.statusBar.icons.fly.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
() => (
<img
src={core.statusBar.icons.fly.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
)
);
CustomToolbar.misc.register(
'toolbox',
@ -799,13 +800,15 @@ Mota.require('var', 'hook').once('reset', () => {
() => {
mainUi.open('toolbox');
},
<img
src={core.statusBar.icons.toolbox.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
() => (
<img
src={core.statusBar.icons.toolbox.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
)
);
CustomToolbar.misc.register(
'equipbox',
@ -813,13 +816,15 @@ Mota.require('var', 'hook').once('reset', () => {
() => {
mainUi.open('equipbox');
},
<img
src={core.statusBar.icons.equipbox.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
() => (
<img
src={core.statusBar.icons.equipbox.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
)
);
CustomToolbar.misc.register(
'virtualKey',
@ -834,13 +839,15 @@ Mota.require('var', 'hook').once('reset', () => {
);
});
},
<img
src={core.statusBar.icons.keyboard.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
() => (
<img
src={core.statusBar.icons.keyboard.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
)
);
CustomToolbar.misc.register(
'shop',
@ -848,13 +855,15 @@ Mota.require('var', 'hook').once('reset', () => {
() => {
core.openQuickShop(true);
},
<img
src={core.statusBar.icons.shop.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
() => (
<img
src={core.statusBar.icons.shop.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
)
);
CustomToolbar.misc.register(
'save',
@ -862,13 +871,15 @@ Mota.require('var', 'hook').once('reset', () => {
() => {
core.save(true);
},
<img
src={core.statusBar.icons.save.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
() => (
<img
src={core.statusBar.icons.save.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
)
);
CustomToolbar.misc.register(
'load',
@ -876,13 +887,15 @@ Mota.require('var', 'hook').once('reset', () => {
() => {
core.load(true);
},
<img
src={core.statusBar.icons.load.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
() => (
<img
src={core.statusBar.icons.load.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
)
);
CustomToolbar.misc.register(
'undo',
@ -890,7 +903,7 @@ Mota.require('var', 'hook').once('reset', () => {
() => {
core.doSL('autoSave', 'load');
},
h(RollbackOutlined)
() => h(RollbackOutlined)
);
CustomToolbar.misc.register(
'redo',
@ -898,7 +911,7 @@ Mota.require('var', 'hook').once('reset', () => {
() => {
core.doSL('autoSave', 'reload');
},
h(RetweetOutlined)
() => h(RetweetOutlined)
);
CustomToolbar.misc.register(
'setting',
@ -906,13 +919,15 @@ Mota.require('var', 'hook').once('reset', () => {
() => {
core.openSettings(true);
},
<img
src={core.statusBar.icons.settings.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
() => (
<img
src={core.statusBar.icons.settings.src}
style={{
'object-fit': 'contain',
width: `${(scale.value / 100) * 32}px`
}}
></img>
)
);
CustomToolbar.misc.register(
'minimap',
@ -956,7 +971,7 @@ Mota.require('var', 'hook').once('reset', () => {
}
tool.refresh();
},
h(LayoutOutlined)
() => h(LayoutOutlined)
);
CustomToolbar.misc.bindActivable('minimap', true, () => minimapTool);