Jerald-Golden-B
587ed6c9d7
Refactor builder store and remove wall store - Consolidated wall-related state management into the builder store by removing the useWallStore. - Added new properties and setters for wall attributes (thickness, height, materials) in the builder store. - Introduced SelectedWallProperties and WallProperties components for managing wall properties in the sidebar. - Created a new floor store for managing floor-related state. - Added a wall asset store for managing wall assets. - Implemented a zone store for managing zones and their properties. - Updated sidebar styles for better layout and appearance.
74 lines
2.3 KiB
TypeScript
74 lines
2.3 KiB
TypeScript
import { create } from 'zustand';
|
|
import { immer } from 'zustand/middleware/immer';
|
|
|
|
interface ZoneStore {
|
|
zones: Zone[];
|
|
setZones: (zones: Zone[]) => void;
|
|
addZone: (zone: Zone) => void;
|
|
updateZone: (uuid: string, updated: Partial<Zone>) => void;
|
|
removeZone: (uuid: string) => void;
|
|
removePointFromZones: (pointUuid: string) => void;
|
|
clearZones: () => void;
|
|
setViewPort: (uuid: string, position: [number, number, number], target: [number, number, number]) => void;
|
|
setColor: (uuid: string, color: string) => void;
|
|
|
|
getZoneById: (uuid: string) => Zone | undefined;
|
|
}
|
|
|
|
export const createZoneStore = () => {
|
|
return create<ZoneStore>()(
|
|
immer((set, get) => ({
|
|
zones: [],
|
|
|
|
setZones: (zones) => set(state => {
|
|
state.zones = zones;
|
|
}),
|
|
|
|
addZone: (zone) => set(state => {
|
|
state.zones.push(zone);
|
|
}),
|
|
|
|
updateZone: (uuid, updated) => set(state => {
|
|
const zone = state.zones.find(z => z.zoneUuid === uuid);
|
|
if (zone) {
|
|
Object.assign(zone, updated);
|
|
}
|
|
}),
|
|
|
|
removeZone: (uuid) => set(state => {
|
|
state.zones = state.zones.filter(z => z.zoneUuid !== uuid);
|
|
}),
|
|
|
|
removePointFromZones: (pointUuid) => set(state => {
|
|
for (const zone of state.zones) {
|
|
zone.points = zone.points.filter(p => p.pointUuid !== pointUuid);
|
|
}
|
|
}),
|
|
|
|
clearZones: () => set(state => {
|
|
state.zones = [];
|
|
}),
|
|
|
|
setViewPort: (uuid, position, target) => set(state => {
|
|
const zone = state.zones.find(z => z.zoneUuid === uuid);
|
|
if (zone) {
|
|
zone.viewPortPosition = position;
|
|
zone.viewPortTarget = target;
|
|
}
|
|
}),
|
|
|
|
setColor: (uuid, color) => set(state => {
|
|
const zone = state.zones.find(z => z.zoneUuid === uuid);
|
|
if (zone) {
|
|
zone.zoneColor = color;
|
|
}
|
|
}),
|
|
|
|
getZoneById: (uuid) => {
|
|
return get().zones.find(z => z.zoneUuid === uuid);
|
|
},
|
|
}))
|
|
);
|
|
};
|
|
|
|
export type ZoneStoreType = ReturnType<typeof createZoneStore>; |