jjb-lc-designable/react/widgets/AuxToolWidget/DragHandler.js

基于alibaba-designable源码二次封装的表单设计器。

function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
import React from 'react';
import { observer } from 'jjb-lc-formily/reactive-react';
import { IconWidget } from '../IconWidget';
import { useDesigner, usePrefix } from '../../hooks';
import { Button } from 'antd';
export const DragHandler = observer(({
  node,
  style
}) => {
  const designer = useDesigner();
  const prefix = usePrefix('aux-drag-handler');
  if (node === node.root || !node.allowDrag()) return null;
  const handlerProps = {
    [designer.props.nodeDragHandlerAttrName]: 'true'
  };
  return /*#__PURE__*/React.createElement(Button, _extends({}, handlerProps, {
    className: prefix,
    style: style,
    type: "primary"
  }), /*#__PURE__*/React.createElement(IconWidget, {
    infer: "Move"
  }));
});
DragHandler.displayName = 'DragHandler';