linkmore-design/lib/lm-drag/components/sortableItem.js

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireWildcard(require("react"));
var _sortable = require("@dnd-kit/sortable");
var _utilities = require("@dnd-kit/utilities");
const SortableItem = ({
  index,
  item,
  instance
}) => {
  const {
    children,
    rowKey
  } = instance;
  const {
    attributes,
    listeners,
    setNodeRef,
    transform,
    transition
  } = (0, _sortable.useSortable)({
    id: item[rowKey] || index,
    data: {
      item
    }
  });
  const resetStyle = (0, _react.useMemo)(() => {
    return {
      transform: _utilities.CSS.Transform.toString(transform),
      transition
    };
  }, [transform, transition]);
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
    className: "lm_drag_item",
    ref: setNodeRef,
    style: resetStyle
  }, attributes), children?.({
    item,
    listeners,
    index
  })));
};
var _default = /*#__PURE__*/_react.default.memo(SortableItem);
exports.default = _default;