duckietm/Nitro-V3
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-V3.git synced 2026-06-20 15:36:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(wired-ui): expand advanced wired editors

Browse Source
This commit is contained in:
Lorenzune
2026-03-21 14:27:57 +01:00
parent cb0a9242b5
commit 27cb71f0cc
90 changed files with 3529 additions and 538 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/wired/views/actions/WiredActionTeleportView.tsx
+58 -4
View File
@@ -1,21 +1,39 @@
import { FC, useEffect, useState } from 'react';
import { WiredFurniType } from '../../../../api';
import { LocalizeText, WiredFurniType } from '../../../../api';
import { Text } from '../../../../common';
import { useWired } from '../../../../hooks';
import { WiredActionBaseView } from './WiredActionBaseView';
import { WiredActionLayoutCode } from '../../../../api/wired/WiredActionLayoutCode';
import { WiredSourcesSelector } from '../WiredSourcesSelector';
export const WiredActionTeleportView: FC<{}> = props =>
{
const { trigger = null, setIntParams = null } = useWired();
const isTeleportEffect = (trigger?.code === WiredActionLayoutCode.TELEPORT);
const isUserToFurniEffect = (trigger?.code === WiredActionLayoutCode.USER_TO_FURNI);
const [ fastTeleport, setFastTeleport ] = useState<boolean>(() =>
{
if(isTeleportEffect && trigger?.intData?.length >= 3) return (trigger.intData[0] === 1);
return false;
});
const [ walkMode, setWalkMode ] = useState<number>(() =>
{
if(isUserToFurniEffect && trigger?.intData?.length >= 3) return trigger.intData[2];
return 1;
});
const [ furniSource, setFurniSource ] = useState<number>(() =>
{
if(isTeleportEffect && trigger?.intData?.length >= 3) return trigger.intData[1];
if(isUserToFurniEffect && trigger?.intData?.length >= 3) return trigger.intData[0];
if(trigger?.intData?.length >= 1) return trigger.intData[0];
return (trigger?.selectedItems?.length ?? 0) > 0 ? 100 : 0;
});
const [ userSource, setUserSource ] = useState<number>(() =>
{
if(isTeleportEffect && trigger?.intData?.length >= 3) return trigger.intData[2];
if(isUserToFurniEffect && trigger?.intData?.length >= 3) return trigger.intData[1];
if(trigger?.intData?.length >= 2) return trigger.intData[1];
return 0;
});
@@ -24,16 +42,37 @@ export const WiredActionTeleportView: FC<{}> = props =>
{
if(!trigger) return;
if(isTeleportEffect && trigger.intData.length >= 3)
{
setFastTeleport(trigger.intData[0] === 1);
setFurniSource(trigger.intData[1]);
setUserSource(trigger.intData[2]);
setWalkMode(1);
return;
}
if(isUserToFurniEffect && trigger.intData.length >= 3)
{
setFastTeleport(false);
setFurniSource(trigger.intData[0]);
setUserSource(trigger.intData[1]);
setWalkMode(trigger.intData[2]);
return;
}
setFastTeleport(false);
setWalkMode(1);
if(trigger.intData.length >= 1) setFurniSource(trigger.intData[0]);
else setFurniSource((trigger.selectedItems?.length ?? 0) > 0 ? 100 : 0);
if(trigger.intData.length >= 2) setUserSource(trigger.intData[1]);
else setUserSource(0);
}, [ trigger ]);
}, [ isTeleportEffect, isUserToFurniEffect, trigger ]);
const onChangeFurniSource = (next: number) => setFurniSource(next);
const save = () => setIntParams([ furniSource, userSource ]);
const save = () => setIntParams(isTeleportEffect ? [ fastTeleport ? 1 : 0, furniSource, userSource ] : (isUserToFurniEffect ? [ furniSource, userSource, walkMode ] : [ furniSource, userSource ]));
const requiresFurni = WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT;
@@ -50,6 +89,21 @@ export const WiredActionTeleportView: FC<{}> = props =>
userSource={ userSource }
onChangeFurni={ onChangeFurniSource }
onChangeUsers={ setUserSource } />
} />
}>
{ isTeleportEffect &&
<div className="flex items-center gap-1">
<input checked={ fastTeleport } className="form-check-input" type="checkbox" onChange={ event => setFastTeleport(event.target.checked) } />
<Text>{ LocalizeText('wiredfurni.params.teleport.options.0') }</Text>
</div> }
{ isUserToFurniEffect &&
<div className="flex flex-col gap-1">
{ [ 0, 1, 2 ].map(option => (
<label key={ option } className="flex items-center gap-1 cursor-pointer">
<input checked={ walkMode === option } className="form-check-input" name="userWalkMode" type="radio" onChange={ () => setWalkMode(option) } />
<Text>{ LocalizeText(`wiredfurni.params.user_move.walkmode.${ option }`) }</Text>
</label>
)) }
</div> }
</WiredActionBaseView>
);
};