import { observer } from '@formily/reactive-vue';
import { IconWidget } from '../IconWidget';
import { useDesigner, usePrefix, } from '../../hooks';
import { useStyle } from '../../shared';
import { Button } from '@gaoding/gd-antd-plus';
import { defineComponent } from 'vue';
export var DragHandler = observer(defineComponent({
    name: 'DragHandler',
    props: { node: { type: Object } },
    setup: function (props) {
        var designerRef = useDesigner();
        var style = useStyle();
        var prefixRef = usePrefix('aux-drag-handler');
        return function () {
            var _a;
            var prefix = prefixRef.value;
            var designer = designerRef.value;
            var node = props.node;
            if (node === node.root || !node.allowDrag())
                return null;
            var handlerProps = (_a = {},
                _a[designer.props.nodeDragHandlerAttrName] = 'true',
                _a);
            return (<Button {...handlerProps} class={prefix} style={style}>
            <IconWidget infer="Move"/>
          </Button>);
        };
    }
}));
DragHandler.displayName = 'DragHandler';
//# sourceMappingURL=DragHandler.jsx.map