linkmore-design/es/lm-edit-table/DragHandle.js

🌈 🚀lm组件库。🚀

import _extends from "@babel/runtime/helpers/esm/extends";
import React from 'react';
import IconFont from "../icon-font";
import { useSortable } from '@dnd-kit/sortable';
export var Dragger = function Dragger(_ref) {
  var id = _ref.id;
  var _useSortable = useSortable({
      id: id
    }),
    listeners = _useSortable.listeners,
    isDragging = _useSortable.isDragging;
  return /*#__PURE__*/React.createElement(IconFont, _extends({
    type: "lmweb-icon-m-receipt1"
  }, listeners, {
    style: {
      touchAction: 'none',
      cursor: 'move'
    },
    className: "icon_drag".concat(isDragging ? 'bing' : '')
  }));
};
export default Dragger;