lingo3d/lib/editor/DummyIKEditor/Joint.js

Lingo3D is a React/Vue 3d game development framework that ships with a complete visual editor

import { jsx as _jsx } from "preact/jsx-runtime";
import { useState } from "preact/hooks";
import useSyncState from "../hooks/useSyncState";
import { getDummyIK } from "../../states/useDummyIK";
import { draggingItemPtr } from "../../pointers/draggingItemPtr";
import { Object3D } from "three";
import unsafeSetValue from "../../utils/unsafeSetValue";
import { selectionTargetPtr } from "../../pointers/selectionTargetPtr";
const Joint = ({ x, y, onMouseMove, onMouseLeave, name }) => {
    const [dragOver, setDragOver] = useState(false);
    const dummyIK = useSyncState(getDummyIK);
    const [, setRefresh] = useState({});
    if (!dummyIK)
        return null;
    return (_jsx("div", { style: {
            position: "absolute",
            width: 14,
            height: 14,
            left: 50 + x + "%",
            top: y + "%",
            transform: "translateX(-50%)",
            borderRadius: 20,
            border: "1px solid rgba(255, 255, 255, 0.5)",
            background: dummyIK[name]
                ? "rgb(127, 127, 255)"
                : `rgba(255, 255, 255, ${dragOver ? 0.5 : 0.2})`
        }, onMouseMove: onMouseMove, onMouseLeave: onMouseLeave, onDragOver: (e) => {
            e.stopPropagation();
            e.preventDefault();
            draggingItemPtr[0] && setDragOver(true);
        }, onDragEnter: (e) => {
            e.stopPropagation();
            e.preventDefault();
            draggingItemPtr[0] && setDragOver(true);
        }, onDragLeave: (e) => {
            e.stopPropagation();
            setDragOver(false);
        }, onDrop: (e) => {
            e.stopPropagation();
            setDragOver(false);
            if (!(draggingItemPtr[0] instanceof Object3D) ||
                !selectionTargetPtr[0] ||
                (dummyIK.target &&
                    dummyIK.target !== selectionTargetPtr[0].uuid))
                return;
            dummyIK.target = selectionTargetPtr[0].uuid;
            unsafeSetValue(dummyIK, name, draggingItemPtr[0].name);
            setRefresh({});
        } }));
};
export default Joint;
//# sourceMappingURL=Joint.js.map